diff --git a/public/assests/images/Minus-disabled.svg b/public/assests/images/Minus-disabled.svg
new file mode 100644
index 0000000000..c769d7212a
--- /dev/null
+++ b/public/assests/images/Minus-disabled.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icons/Minus">
+<path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M2.6665 7.99999C2.6665 7.63181 2.96498 7.33333 3.33317 7.33333H12.6665C13.0347 7.33333 13.3332 7.63181 13.3332 7.99999C13.3332 8.36818 13.0347 8.66666 12.6665 8.66666H3.33317C2.96498 8.66666 2.6665 8.36818 2.6665 7.99999Z" fill="#B4BDC4"/>
+</g>
+</svg>
diff --git a/src/components/pages/CartPage.tsx b/src/components/pages/CartPage.tsx
index 289bd264c3..549712749c 100644
--- a/src/components/pages/CartPage.tsx
+++ b/src/components/pages/CartPage.tsx
@@ -76,8 +76,13 @@ export const CartPage: React.FC = () => {
                     onClick={() => editCartItem(item, -1)}
                     className="cart__item--action"
                     type="submit"
+                    style={{
+                      pointerEvents: item.quantity === 1
+                        ? 'none'
+                        : 'all',
+                    }}
                   >
-                    <img src="assests/images/Minus.svg" alt="icon minus" />
+                    <img src={`assests/images/${item.quantity === 1 ? 'Minus-disabled' : 'Minus'}.svg`} alt="icon minus" />
                   </button>
                   <span className="cart__item--quantity">{item.quantity}</span>
                   <button
diff --git a/src/scss/pages/cart-page/cart-item.scss b/src/scss/pages/cart-page/cart-item.scss
index 0b7f353210..648d275c1e 100644
--- a/src/scss/pages/cart-page/cart-item.scss
+++ b/src/scss/pages/cart-page/cart-item.scss
@@ -46,6 +46,7 @@
     &--quantity {
       width: 15px;
       text-align: center;
+      @include text(14px, 500, $primary-dark-color);
     }
 
     &--panel {