diff --git a/src/components/cart/CartButton.tsx b/src/components/cart/CartButton.tsx
index 570568b..6f8b058 100644
--- a/src/components/cart/CartButton.tsx
+++ b/src/components/cart/CartButton.tsx
@@ -11,7 +11,7 @@ export function CartButton() {
       type="button"
       onClick={openPopup}
       aria-label="سبد خرید"
-      className="relative flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-surface text-foreground transition-colors hover:text-red"
+      className="relative flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[#f1f1f1] text-foreground transition-colors hover:text-red"
     >
       <CartIcon className="h-5 w-5" />
       {itemCount > 0 && (
diff --git a/src/components/home/Header.tsx b/src/components/home/Header.tsx
index 33f4747..739adee 100644
--- a/src/components/home/Header.tsx
+++ b/src/components/home/Header.tsx
@@ -258,7 +258,7 @@ export function Header({
                 href={LOGIN_URL}
                 className="flex items-center gap-2 rounded-xl py-1 pr-1 transition-opacity hover:opacity-80"
               >
-                <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-red text-white">
+                <span className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-red text-white">
                   <UserIcon className="h-5 w-5" />
                 </span>
                 <span className="text-right leading-tight">