diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index 0dfc763c0..6b2594a36 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -31,7 +31,7 @@ export function CameraGroupSelector() {
         className={
           group == undefined
             ? "text-selected bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
-            : "text-muted-foreground bg-secondary"
+            : "text-muted-foreground bg-secondary focus:text-muted-foreground focus:bg-secondary"
         }
         size="xs"
         onClick={() => navigate(-1)}
diff --git a/web/src/components/navigation/Sidebar.tsx b/web/src/components/navigation/Sidebar.tsx
index 2e911b825..c4b53087e 100644
--- a/web/src/components/navigation/Sidebar.tsx
+++ b/web/src/components/navigation/Sidebar.tsx
@@ -11,17 +11,16 @@ function Sidebar() {
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />
         {navbarLinks.map((item) => (
-          <>
+          <div key={item.id}>
             <NavItem
               className={`mx-[10px] ${item.id == 1 ? "mb-2" : "mb-6"}`}
-              key={item.id}
               Icon={item.icon}
               title={item.title}
               url={item.url}
               dev={item.dev}
             />
             {item.id == 1 && <CameraGroupSelector />}
-          </>
+          </div>
         ))}
       </div>
       <SettingsNavItems className="hidden md:flex flex-col items-center mb-8" />