diff --git a/src/lib/components/Card/Card.svelte b/src/lib/components/Card/Card.svelte
index 748f46e5..663e4d67 100644
--- a/src/lib/components/Card/Card.svelte
+++ b/src/lib/components/Card/Card.svelte
@@ -45,7 +45,7 @@
 
 <div
   class={[
-    'border-muted card flex h-fit flex-col overflow-hidden rounded-2xl border-2',
+    'card flex h-fit flex-col overflow-hidden rounded-2xl border-2 border-muted',
     isOpen && 'isOpen flex-grow',
     isStackable ? 'flex-1 group-has-[.isOpen]:w-full group-has-[.isOpen]:flex-none' : 'w-full'
   ]}>
@@ -53,7 +53,7 @@
     role="toolbar"
     tabindex="0"
     class={[
-      'bg-muted flex h-11 flex-none cursor-pointer items-center justify-between whitespace-nowrap p-2',
+      'flex h-11 flex-none cursor-pointer items-center justify-between whitespace-nowrap bg-muted p-2',
       isTabsShown && 'pb-1'
     ]}
     onclick={toggleCardOpen}
diff --git a/src/lib/components/Card/Tabs.svelte b/src/lib/components/Card/Tabs.svelte
index 91d52788..363644f6 100644
--- a/src/lib/components/Card/Tabs.svelte
+++ b/src/lib/components/Card/Tabs.svelte
@@ -34,7 +34,7 @@
         variant="ghost"
         class={[
           'px-2',
-          activeTabID === tab.id && 'border-b-primary-foreground/50 rounded-b-none border-b-2'
+          activeTabID === tab.id && 'rounded-b-none border-b-2 border-b-primary-foreground/50'
         ]}
         onclick={toggleTabs(tab)}
         onkeypress={toggleTabs(tab)}>