From f4be418f06799e02902012999080280226bcef80 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 1 Apr 2024 09:29:22 -0600
Subject: [PATCH] Simpler tab fix

---
 web/src/components/settings/GeneralSettings.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/settings/GeneralSettings.tsx b/web/src/components/settings/GeneralSettings.tsx
index bbc7c6b5c..ba2168980 100644
--- a/web/src/components/settings/GeneralSettings.tsx
+++ b/web/src/components/settings/GeneralSettings.tsx
@@ -57,7 +57,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import ActivityIndicator from "../indicators/activity-indicator";
-import { isDesktop, isMobile } from "react-device-detect";
+import { isDesktop } from "react-device-detect";
 import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
 import {
   Dialog,
@@ -220,7 +220,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     <span>Dark Mode</span>
                   </SubItemTrigger>
                   <Portal>
-                    {isMobile && <div tabIndex={0} />}
+                    <span tabIndex={0} className="sr-only" />
                     <SubItemContent
                       className={isDesktop ? "" : "w-[92%] rounded-2xl"}
                     >
@@ -293,7 +293,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
                     <SubItemContent
                       className={isDesktop ? "" : "w-[92%] rounded-2xl"}
                     >
-                      {isMobile && <div tabIndex={0} />}
+                      <span tabIndex={0} className="sr-only" />
                       {colorSchemes.map((scheme) => (
                         <MenuItem
                           key={scheme}