diff --git a/apps/desktop/src/components/quick-open/QuickOpenDialog.vue b/apps/desktop/src/components/quick-open/QuickOpenDialog.vue
index 109f28e21d..646fdc3010 100644
--- a/apps/desktop/src/components/quick-open/QuickOpenDialog.vue
+++ b/apps/desktop/src/components/quick-open/QuickOpenDialog.vue
@@ -196,11 +196,20 @@ watch(
 </template>
 
 <style scoped>
-:deep(.bg-yellow-200) {
-  background-color: rgb(254 227 92);
+:deep([data-slot="dialog-content"]) {
+  border-color: color-mix(in srgb, var(--border) 80%, var(--ring));
+  box-shadow: 0 24px 70px rgb(0 0 0 / 0.32);
 }
 
+:deep(.divide-y > div.bg-accent) {
+  background-color: var(--info-bg) !important;
+  box-shadow: inset 3px 0 0 var(--info) !important;
+}
+
+:deep(.bg-yellow-200),
 :deep(.dark .bg-yellow-800) {
-  background-color: rgb(92 51 0);
+  background-color: var(--warning-bg) !important;
+  border-radius: 0.1875rem;
+  padding: 0 0.0625rem;
 }
 </style>
diff --git a/apps/desktop/src/components/quick-open/__tests__/QuickOpenDialogStyle.spec.ts b/apps/desktop/src/components/quick-open/__tests__/QuickOpenDialogStyle.spec.ts
new file mode 100644
index 0000000000..b403d9d4a3
--- /dev/null
+++ b/apps/desktop/src/components/quick-open/__tests__/QuickOpenDialogStyle.spec.ts
@@ -0,0 +1,13 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+const quickOpenDialogSource = readFileSync(new URL("../QuickOpenDialog.vue", import.meta.url), "utf8");
+
+describe("QuickOpenDialog theme styles", () => {
+  it("keeps the shared corner style and readable foreground text", () => {
+    expect(quickOpenDialogSource).toContain('class="max-w-2xl p-0 gap-0 rounded-lg overflow-hidden"');
+    expect(quickOpenDialogSource).toContain("background-color: var(--warning-bg) !important;");
+    expect(quickOpenDialogSource).not.toContain("border-radius: 0.75rem;");
+    expect(quickOpenDialogSource).not.toContain("color: var(--warning) !important;");
+  });
+});