diff --git a/src/app/settings/shop/page.tsx b/src/app/settings/shop/page.tsx
index 04c9878..7420080 100644
--- a/src/app/settings/shop/page.tsx
+++ b/src/app/settings/shop/page.tsx
@@ -17,7 +17,7 @@ import ShopCartTab from "@/components/shops/ShopCartTab";
 import ShopFavoritesTab from "@/components/shops/ShopFavoritesTab";
 import useAxios from "@/hooks/useAxios";
 import useInfiniteScroll from "@/hooks/useInfiniteScroll";
-import { toggleBtnClass, filterChipClass } from "@/lib/ui/buttonStyles";
+import { btnPrimary, btnDefault } from "@/lib/ui/buttonStyles";
 import { cn } from "@/lib/utils";
 import { staticIconUrl } from "@/components/main/BaseUrl";
 import Image from "next/image";
@@ -164,13 +164,13 @@ export default function ShopSettingsPage() {
           </div>
           <div className="mx-auto mt-4 grid w-full max-w-md grid-cols-2 gap-4">
             <RoundedButton
-              className={cn(toggleBtnClass(filter === FILTER_SELLER), "h-10")}
+              className={cn(filter === FILTER_SELLER ? btnPrimary : btnDefault, "h-10 text-xs")}
               onClick={() => setFilter(FILTER_SELLER)}
             >
               {t("shops.sellerTab")}
             </RoundedButton>
             <RoundedButton
-              className={cn(toggleBtnClass(filter === FILTER_BUYER), "h-10")}
+              className={cn(filter === FILTER_BUYER ? btnPrimary : btnDefault, "h-10 text-xs")}
               onClick={() => setFilter(FILTER_BUYER)}
             >
               {t("shops.buyerTab")}
@@ -184,7 +184,7 @@ export default function ShopSettingsPage() {
                   key={tabId}
                   type="button"
                   onClick={() => setSellerTab(tabId)}
-                  className={filterChipClass(sellerTab === tabId, "h-10 shrink-0")}
+                  className={cn(sellerTab === tabId ? btnPrimary : btnDefault, "h-10 text-xs shrink-0")}
                 >
                   {t(`shops.sellerTabs.${tabId}`)}
                 </button>
@@ -199,7 +199,7 @@ export default function ShopSettingsPage() {
                   key={tabId}
                   type="button"
                   onClick={() => setBuyerTab(tabId)}
-                  className={filterChipClass(buyerTab === tabId, "h-10 shrink-0")}
+                  className={cn(buyerTab === tabId ? btnPrimary : btnDefault, "h-10 text-xs shrink-0")}
                 >
                   {t(`shops.buyerTabs.${tabId}`)}
                 </button>