diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 7fd7f022c..d63b48ce5 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -14,9 +14,9 @@ const buttonVariants = cva(
         outline:
           "border border-input hover:bg-accent hover:text-accent-foreground",
         primary:
-          "bg-background text-secondary-foreground hover:bg-background/80",
+          "border bg-background text-secondary-foreground hover:bg-background/80 hover:shadow-sm",
         secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+          "bg-muted text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "underline-offset-4 hover:underline text-primary",
       },
diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index 2c00dbc22..4578a7c9b 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -3,90 +3,90 @@
 @tailwind utilities;
 
 @layer base {
-	:root {
-	  --background: 0 0% 100%;
-	  --foreground: 222.2 47.4% 11.2%;
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 47.4% 11.2%;
 
-	  --muted: 210 40% 96.1%;
-	  --muted-foreground: 215.4 16.3% 46.9%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
 
-	  --popover: 0 0% 100%;
-	  --popover-foreground: 222.2 47.4% 11.2%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 47.4% 11.2%;
 
-	  --card: 0 0% 100%;
-	  --card-foreground: 222.2 47.4% 11.2%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 47.4% 11.2%;
 
-	  --border: 214.3 31.8% 91.4%;
-	  --input: 214.3 31.8% 91.4%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
 
-	  --primary: 222.2 47.4% 11.2%;
-	  --primary-foreground: 210 40% 98%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
 
-	  --secondary: 210 40% 96.1%;
-	  --secondary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
 
-	  --accent: 210 40% 96.1%;
-	  --accent-foreground: 222.2 47.4% 11.2%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
 
-	  --destructive: 0 100% 50%;
-	  --destructive-foreground: 210 40% 98%;
+    --destructive: 0 100% 50%;
+    --destructive-foreground: 210 40% 98%;
 
-	  --ring: 215 20.2% 65.1%;
+    --ring: 215 20.2% 65.1%;
 
-	  --radius: 0.5rem;
-	}
-
-	.dark {
-	  --background: 224 71% 4%;
-	  --foreground: 213 31% 91%;
-
-	  --muted: 223 47% 11%;
-	  --muted-foreground: 215.4 16.3% 56.9%;
-
-	  --popover: 224 71% 4%;
-	  --popover-foreground: 215 20.2% 65.1%;
-
-	  --card: 224 71% 4%;
-	  --card-foreground: 213 31% 91%;
-
-	  --border: 216 34% 17%;
-	  --input: 216 34% 17%;
-
-	  --primary: 210 40% 98%;
-	  --primary-foreground: 222.2 47.4% 1.2%;
-
-	  --secondary: 222.2 47.4% 11.2%;
-	  --secondary-foreground: 210 40% 98%;
-
-	  --accent: 216 34% 17%;
-	  --accent-foreground: 210 40% 98%;
-
-	  --destructive: 0 63% 31%;
-	  --destructive-foreground: 210 40% 98%;
-
-	  --ring: 216 34% 17%;
-
-	  --radius: 0.5rem;
-	}
+    --radius: 0.5rem;
   }
 
+  .dark {
+    --background: 224 71% 4%;
+    --foreground: 213 31% 91%;
+
+    --muted: 223 47% 11%;
+    --muted-foreground: 215.4 16.3% 56.9%;
+
+    --popover: 224 71% 4%;
+    --popover-foreground: 215 20.2% 65.1%;
+
+    --card: 224 71% 4%;
+    --card-foreground: 213 31% 91%;
+
+    --border: 216 34% 17%;
+    --input: 216 34% 17%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 1.2%;
+
+    --secondary: 222.2 47.4% 11.2%;
+    --secondary-foreground: 210 40% 98%;
+
+    --accent: 216 34% 17%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 63% 31%;
+    --destructive-foreground: 210 40% 98%;
+
+    --ring: 216 34% 17%;
+
+    --radius: 0.5rem;
+  }
+}
+
 :root {
   --background: 0 0% 100%;
   --foreground: 222.2 47.4% 11.2%;
-  --muted: 210 40% 98%;
+  --muted: 210 30% 98.5%;
   --muted-foreground: 215.4 16.3% 46.9%;
   --popover: 0 0% 100%;
   --popover-foreground: 222.2 47.4% 11.2%;
   --card: 0 0% 100%;
   --card-foreground: 222.2 47.4% 11.2%;
-  --border: 214.3 31.8% 91.4%;
+  --border: 214.3 31.8% 93.4%;
   --input: 214.3 31.8% 91.4%;
-  --primary: 222.2 47.4% 18%;
+  --primary: 222.2 37.4% 18%;
   --primary-foreground: 210 40% 98%;
-  --secondary: 210 40% 96.1%;
+  --secondary: 210 30% 96.1%;
   --secondary-foreground: 222.2 47.4% 11.2%;
-  --accent: 210 40% 96.1%;
-  --accent-foreground: 222.2 47.4% 11.2%;
+  --accent: 210 30% 96.1%;
+  --accent-foreground: 222.2 37.4% 11.2%;
   --destructive: 0 100% 50%;
   --destructive-foreground: 210 40% 98%;
   --ring: 215 20.2% 65.1%;