diff --git a/src/lib/components/ModelDownloader.svelte b/src/lib/components/ModelDownloader.svelte
index b105abc..d91b0a2 100644
--- a/src/lib/components/ModelDownloader.svelte
+++ b/src/lib/components/ModelDownloader.svelte
@@ -62,7 +62,7 @@
 </script>
 
 <div class="flex flex-col items-center justify-center h-full px-8 animate-fade-in">
-  <Card classes="max-w-md w-full">
+  <Card classes="max-w-md w-full" elevation="raised">
     <div class="p-8 text-center">
       <div class="w-16 h-16 rounded-full bg-accent/10 flex items-center justify-center mx-auto mb-5">
         <svg class="w-8 h-8 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
diff --git a/src/lib/pages/FilesPage.svelte b/src/lib/pages/FilesPage.svelte
index 9cc422f..e5ddab7 100644
--- a/src/lib/pages/FilesPage.svelte
+++ b/src/lib/pages/FilesPage.svelte
@@ -154,7 +154,7 @@
 
   <!-- Drop zone -->
   <div class="px-7 pb-3">
-    <Card>
+    <Card tone="subtle">
       <div
         class="flex flex-col items-center justify-center py-10 px-6 rounded-xl border-2 border-dashed m-3
           {isDragOver
diff --git a/src/lib/pages/HistoryPage.svelte b/src/lib/pages/HistoryPage.svelte
index 8648112..a984d85 100644
--- a/src/lib/pages/HistoryPage.svelte
+++ b/src/lib/pages/HistoryPage.svelte
@@ -619,7 +619,7 @@
 
   <!-- Search -->
   <div class="px-7 pb-3">
-    <Card>
+    <Card tone="subtle">
       <div class="flex items-center gap-3 px-4 py-2.5">
         <Search size={16} class="text-text-tertiary flex-shrink-0" aria-hidden="true" />
         <input