diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-bar.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-bar.tsx
index 70ea16223..dfacb087e 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-bar.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-bar.tsx
@@ -60,10 +60,11 @@ export function AiQueryBar({
       <div
         className={cn(
           "group flex h-8 min-w-0 flex-1 items-center gap-2 rounded-xl px-2.5 sm:max-w-72",
-          "bg-background ring-1 transition-shadow",
+          "border border-black/[0.08] dark:border-white/[0.06]",
+          "bg-white dark:bg-background shadow-sm ring-1 ring-black/[0.08] dark:ring-white/[0.06] transition-shadow hover:transition-none",
           isActive
             ? "ring-purple-500/30 focus-within:ring-purple-500/50"
-            : "ring-black/[0.08] dark:ring-white/[0.08] focus-within:ring-foreground/[0.18]",
+            : "hover:ring-black/[0.12] dark:hover:ring-white/[0.1] focus-within:ring-foreground/[0.18]",
         )}
       >
         <SparkleIcon
diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-dialog.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-dialog.tsx
index 1e8062135..400ba888d 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-dialog.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/analytics/tables/ai-query-dialog.tsx
@@ -371,7 +371,7 @@ export function AiQueryDialog({
             </div>
           </DialogHeader>
 
-          <div className="shrink-0 border-b border-border/40 bg-muted/20">
+          <div className="shrink-0 border-b border-black/[0.06] bg-zinc-50/80 dark:border-border/40 dark:bg-muted/20">
             <div className="flex items-center justify-between px-5 py-2">
               <Label className="text-[10px] font-semibold uppercase tracking-wide text-muted-foreground">
                 Current query
@@ -417,7 +417,7 @@ export function AiQueryDialog({
                   }
                 }}
                 placeholder="Ask the AI a question to generate a query."
-                className="min-h-16 max-h-32 resize-y overflow-auto border-border/40 bg-background/70 font-mono text-[11px] text-foreground/90 shadow-none placeholder:italic placeholder:text-muted-foreground"
+                className="min-h-16 max-h-32 resize-y overflow-auto border-black/[0.08] bg-white/95 font-mono text-[11px] text-foreground/90 shadow-sm ring-1 ring-black/[0.06] placeholder:italic placeholder:text-muted-foreground dark:border-border/40 dark:bg-background/60 dark:ring-white/[0.06]"
               />
             </div>
           </div>