From e7ab4fb49d28b9bff485034b9e4dcf978c0670dd Mon Sep 17 00:00:00 2001
From: Frontend Change Workflow <claude-workflow@ambient-code.com>
Date: Mon, 26 Jan 2026 16:55:15 +0000
Subject: [PATCH] fix: add background color to checkbox indicator in dropdown
 menu

The checkbox indicator in DropdownMenuCheckboxItem was missing a
background color, making it invisible or hard to see. Added bg-background
and rounded-sm classes to properly render the checkbox box.

This fixes the 'Show system messages' checkbox rendering issue in MessagesTab.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/frontend/src/components/ui/dropdown-menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/frontend/src/components/ui/dropdown-menu.tsx b/components/frontend/src/components/ui/dropdown-menu.tsx
index 4d0cee3aa..09553cb13 100644
--- a/components/frontend/src/components/ui/dropdown-menu.tsx
+++ b/components/frontend/src/components/ui/dropdown-menu.tsx
@@ -105,7 +105,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     checked={checked}
     {...props}
   >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center border border-border">
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center border border-border bg-background rounded-sm">
       <DropdownMenuPrimitive.ItemIndicator>
         <CheckIcon className="h-4 w-4 text-foreground" />
       </DropdownMenuPrimitive.ItemIndicator>