diff --git a/packages/app/src/app/agent/[id].tsx b/packages/app/src/app/agent/[id].tsx
index 3fef38b4d..e87b859a9 100644
--- a/packages/app/src/app/agent/[id].tsx
+++ b/packages/app/src/app/agent/[id].tsx
@@ -306,7 +306,7 @@ const styles = StyleSheet.create((theme) => ({
     ...StyleSheet.absoluteFillObject,
   },
   dropdownMenu: {
-    backgroundColor: theme.colors.card,
+    backgroundColor: theme.colors.popover,
     borderRadius: theme.borderRadius.lg,
     padding: theme.spacing[2],
     shadowColor: "#000",
diff --git a/packages/app/src/styles/theme.ts b/packages/app/src/styles/theme.ts
index ee7e71df9..efa6514da 100644
--- a/packages/app/src/styles/theme.ts
+++ b/packages/app/src/styles/theme.ts
@@ -129,7 +129,7 @@ const darkSemanticColors = {
   foreground: "#fafafa",
   card: "#09090b",
   cardForeground: "#fafafa",
-  popover: "#09090b",
+  popover: "#18181b",
   popoverForeground: "#fafafa",
   primary: "#fafafa",
   primaryForeground: "#18181b",