diff --git a/frontend/src/pages/ItemPage.jsx b/frontend/src/pages/ItemPage.jsx
index e3571e4..25f8e6a 100644
--- a/frontend/src/pages/ItemPage.jsx
+++ b/frontend/src/pages/ItemPage.jsx
@@ -108,21 +108,23 @@ export default function ItemPage() {
 
             <div className="flex items-center gap-6 mb-6">
               <span className="text-white/50 text-sm">Количество:</span>
-              <button
-                onClick={handleDecrement}
-                className="w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded font-medium text-xl cursor-pointer select-none transition-colors"
-              >
-                -
-              </button>
-              <span className="mx-2 font-mono text-sm min-w-20 text-center">
-                {quantity} {item.unit}
-              </span>
-              <button
-                onClick={handleIncrement}
-                className="w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded font-medium text-xl cursor-pointer select-none transition-colors"
-              >
-                +
-              </button>
+              <div className="flex items-center bg-gold rounded-md text-white">
+                <button
+                  onClick={handleDecrement}
+                  className="w-10 h-10 flex items-center justify-center  font-medium text-xl cursor-pointer select-none "
+                >
+                  -
+                </button>
+                <span className="mx-2 font-mono text-sm min-w-20 text-center">
+                  {quantity} {item.unit}
+                </span>
+                <button
+                  onClick={handleIncrement}
+                  className="w-10 h-10 flex items-center justify-center font-medium text-xl cursor-pointer select-none "
+                >
+                  +
+                </button>
+              </div>
             </div>
 
             <p className="text-lg mb-6">