diff --git a/src/components/atoms/ButtonCart.svelte b/src/components/atoms/ButtonCart.svelte
index 2e2cc76..611535e 100644
--- a/src/components/atoms/ButtonCart.svelte
+++ b/src/components/atoms/ButtonCart.svelte
@@ -2,15 +2,14 @@
     import { cartOpen, cartAmount } from '$utils/store'
     import ButtonCircle from './ButtonCircle.svelte'
 
-
-    const handleCartOpening = () => {
+    const openCart = () => {
         $cartOpen = true
     }
 </script>
 
 <div class="button-cart">
-    <ButtonCircle color="purple" on:click={handleCartOpening}>
-        <img src="/images/icons/pin.svg" alt="">
+    <ButtonCircle color="purple" on:click={openCart}>
+        <img src="/images/icons/bag.svg" width={27} height={22} alt="Cart icon">
     </ButtonCircle>
 
     {#if $cartAmount > 0}
diff --git a/src/style/atoms/_button-cart.scss b/src/style/atoms/_button-cart.scss
index 23867eb..cdc09ea 100644
--- a/src/style/atoms/_button-cart.scss
+++ b/src/style/atoms/_button-cart.scss
@@ -8,6 +8,15 @@
         margin-left: auto;
     }
 
+    // Icon
+    img {
+        display: block;
+        width: 27px;
+        height: 27px;
+        margin-top: -3px;
+    }
+
+    // Quantity label
     .quantity {
         position: absolute;
         top: 50%;