diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 15367acfb..a855dbdc0 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -8,7 +8,6 @@ import SettingsNavItems from "./settings/SettingsNavItems";
 import {
   Tooltip,
   TooltipContent,
-  TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 
@@ -23,18 +22,16 @@ function Sidebar({
     <aside className="w-[52px] z-10 h-screen sticky top-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between">
       <div className="w-full flex flex-col gap-0 items-center">
         <Logo className="w-8 h-8 mb-6" />
-        <TooltipProvider>
-          {navbarLinks.map((item) => (
-            <SidebarItem
-              key={item.id}
-              Icon={item.icon}
-              title={item.title}
-              url={item.url}
-              dev={item.dev}
-              onClick={() => setSheetOpen(false)}
-            />
-          ))}
-        </TooltipProvider>
+        {navbarLinks.map((item) => (
+          <SidebarItem
+            key={item.id}
+            Icon={item.icon}
+            title={item.title}
+            url={item.url}
+            dev={item.dev}
+            onClick={() => setSheetOpen(false)}
+          />
+        ))}
       </div>
       <SettingsNavItems className="hidden md:flex flex-col items-center" />
     </aside>
diff --git a/web/src/components/player/LivePlayer.tsx b/web/src/components/player/LivePlayer.tsx
index c834faf35..6f4ea327a 100644
--- a/web/src/components/player/LivePlayer.tsx
+++ b/web/src/components/player/LivePlayer.tsx
@@ -151,9 +151,16 @@ export default function LivePlayer({
   } else {
     player = <ActivityIndicator />;
   }
+  // box - shadow: 0px 0px 10px 0px rgba(240, 62, 62, 1) inset;
 
   return (
-    <div className={`relative flex justify-center w-full ${className}`}>
+    <div
+      className={`relative flex justify-center w-full outline ${
+        activeTracking
+          ? "outline-destructive outline-1 rounded-2xl shadow-[0_0_6px_1px] shadow-destructive"
+          : "outline-0"
+      } transition-all duration-500 ${className}`}
+    >
       {(showStillWithoutActivity == false || activeMotion || activeTracking) &&
         player}
 
@@ -188,14 +195,6 @@ export default function LivePlayer({
             <div className="ml-1 text-white text-xs">Sound</div>
           </Chip>
         )}
-
-        <Chip
-          in={activeTracking}
-          className={`bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500/90 `}
-        >
-          <MdSelectAll className="w-4 h-4 text-object" />
-          <div className="ml-1 text-white text-xs">Tracking</div>
-        </Chip>
       </div>
 
       <Chip className="absolute right-2 top-2 bg-gradient-to-br from-gray-300/50 to-gray-500/90">
diff --git a/web/src/components/settings/SettingsNavItems.tsx b/web/src/components/settings/SettingsNavItems.tsx
index 4e908d18e..317424355 100644
--- a/web/src/components/settings/SettingsNavItems.tsx
+++ b/web/src/components/settings/SettingsNavItems.tsx
@@ -55,7 +55,6 @@ import {
 import {
   Tooltip,
   TooltipContent,
-  TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import ActivityIndicator from "../ui/activity-indicator";
@@ -98,164 +97,160 @@ export default function SettingsNavItems({ className }: SettingsNavItemsProps) {
   return (
     <>
       <div className={className}>
-        <TooltipProvider>
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Tooltip>
-                <TooltipTrigger>
-                  <Button size="icon" variant="ghost">
-                    <LuSettings />
-                  </Button>
-                </TooltipTrigger>
-                <TooltipContent side="right">
-                  <p>Settings</p>
-                </TooltipContent>
-              </Tooltip>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent className="md:w-72 mr-5">
-              <DropdownMenuLabel>System</DropdownMenuLabel>
-              <DropdownMenuSeparator />
-              <DropdownMenuGroup>
-                <Link to="/storage">
-                  <DropdownMenuItem>
-                    <LuHardDrive className="mr-2 h-4 w-4" />
-                    <span>Storage</span>
-                  </DropdownMenuItem>
-                </Link>
-                <Link to="/system">
-                  <DropdownMenuItem>
-                    <LuActivity className="mr-2 h-4 w-4" />
-                    <span>System metrics</span>
-                  </DropdownMenuItem>
-                </Link>
-                <Link to="/logs">
-                  <DropdownMenuItem>
-                    <LuList className="mr-2 h-4 w-4" />
-                    <span>System logs</span>
-                  </DropdownMenuItem>
-                </Link>
-              </DropdownMenuGroup>
-              <DropdownMenuLabel className="mt-3">
-                Configuration
-              </DropdownMenuLabel>
-              <DropdownMenuSeparator />
-              <DropdownMenuGroup>
-                <Link to="/settings">
-                  <DropdownMenuItem>
-                    <LuSettings className="mr-2 h-4 w-4" />
-                    <span>Settings</span>
-                  </DropdownMenuItem>
-                </Link>
-                <Link to="/config">
-                  <DropdownMenuItem>
-                    <LuPenSquare className="mr-2 h-4 w-4" />
-                    <span>Configuration editor</span>
-                  </DropdownMenuItem>
-                </Link>
-                <DropdownMenuLabel className="mt-3">
-                  Appearance
-                </DropdownMenuLabel>
-                <DropdownMenuSeparator />
-                <DropdownMenuSub>
-                  <DropdownMenuSubTrigger>
-                    <LuSunMoon className="mr-2 h-4 w-4" />
-                    <span>Dark Mode</span>
-                  </DropdownMenuSubTrigger>
-                  <DropdownMenuPortal>
-                    <DropdownMenuSubContent>
-                      <DropdownMenuItem onClick={() => setTheme("light")}>
-                        {theme === "light" ? (
-                          <>
-                            <LuSun className="mr-2 h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-                            Light
-                          </>
-                        ) : (
-                          <span className="mr-2 ml-6">Light</span>
-                        )}
-                      </DropdownMenuItem>
-                      <DropdownMenuItem onClick={() => setTheme("dark")}>
-                        {theme === "dark" ? (
-                          <>
-                            <LuMoon className="mr-2 h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
-                            Dark
-                          </>
-                        ) : (
-                          <span className="mr-2 ml-6">Dark</span>
-                        )}
-                      </DropdownMenuItem>
-                      <DropdownMenuItem onClick={() => setTheme("system")}>
-                        {theme === "system" ? (
-                          <>
-                            <CgDarkMode className="mr-2 h-4 w-4 scale-100 transition-all" />
-                            System
-                          </>
-                        ) : (
-                          <span className="mr-2 ml-6">System</span>
-                        )}
-                      </DropdownMenuItem>
-                    </DropdownMenuSubContent>
-                  </DropdownMenuPortal>
-                </DropdownMenuSub>
-                <DropdownMenuSub>
-                  <DropdownMenuSubTrigger>
-                    <LuSunMoon className="mr-2 h-4 w-4" />
-                    <span>Theme</span>
-                  </DropdownMenuSubTrigger>
-                  <DropdownMenuPortal>
-                    <DropdownMenuSubContent>
-                      {colorSchemes.map((scheme) => (
-                        <DropdownMenuItem
-                          key={scheme}
-                          onClick={() => setColorScheme(scheme)}
-                        >
-                          {scheme === colorScheme ? (
-                            <>
-                              <IoColorPalette className="mr-2 h-4 w-4 rotate-0 scale-100 transition-all" />
-                              {friendlyColorSchemeName(scheme)}
-                            </>
-                          ) : (
-                            <span className="mr-2 ml-6">
-                              {friendlyColorSchemeName(scheme)}
-                            </span>
-                          )}
-                        </DropdownMenuItem>
-                      ))}
-                    </DropdownMenuSubContent>
-                  </DropdownMenuPortal>
-                </DropdownMenuSub>
-              </DropdownMenuGroup>
-              <DropdownMenuLabel className="mt-3">Help</DropdownMenuLabel>
-              <DropdownMenuSeparator />
-              <a href="https://docs.frigate.video">
+        <DropdownMenu>
+          <DropdownMenuTrigger>
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <Button size="icon" variant="ghost">
+                  <LuSettings />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent side="right">
+                <p>Settings</p>
+              </TooltipContent>
+            </Tooltip>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent className="md:w-72 mr-5">
+            <DropdownMenuLabel>System</DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            <DropdownMenuGroup>
+              <Link to="/storage">
                 <DropdownMenuItem>
-                  <LuLifeBuoy className="mr-2 h-4 w-4" />
-                  <span>Documentation</span>
+                  <LuHardDrive className="mr-2 h-4 w-4" />
+                  <span>Storage</span>
                 </DropdownMenuItem>
-              </a>
-              <a href="https://github.com/blakeblackshear/frigate">
+              </Link>
+              <Link to="/system">
                 <DropdownMenuItem>
-                  <LuGithub className="mr-2 h-4 w-4" />
-                  <span>GitHub</span>
+                  <LuActivity className="mr-2 h-4 w-4" />
+                  <span>System metrics</span>
                 </DropdownMenuItem>
-              </a>
-              <DropdownMenuSeparator className="mt-3" />
-              <DropdownMenuItem onClick={() => setRestartDialogOpen(true)}>
-                <LuRotateCw className="mr-2 h-4 w-4" />
-                <span>Restart Frigate</span>
+              </Link>
+              <Link to="/logs">
+                <DropdownMenuItem>
+                  <LuList className="mr-2 h-4 w-4" />
+                  <span>System logs</span>
+                </DropdownMenuItem>
+              </Link>
+            </DropdownMenuGroup>
+            <DropdownMenuLabel className="mt-3">
+              Configuration
+            </DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            <DropdownMenuGroup>
+              <Link to="/settings">
+                <DropdownMenuItem>
+                  <LuSettings className="mr-2 h-4 w-4" />
+                  <span>Settings</span>
+                </DropdownMenuItem>
+              </Link>
+              <Link to="/config">
+                <DropdownMenuItem>
+                  <LuPenSquare className="mr-2 h-4 w-4" />
+                  <span>Configuration editor</span>
+                </DropdownMenuItem>
+              </Link>
+              <DropdownMenuLabel className="mt-3">Appearance</DropdownMenuLabel>
+              <DropdownMenuSeparator />
+              <DropdownMenuSub>
+                <DropdownMenuSubTrigger>
+                  <LuSunMoon className="mr-2 h-4 w-4" />
+                  <span>Dark Mode</span>
+                </DropdownMenuSubTrigger>
+                <DropdownMenuPortal>
+                  <DropdownMenuSubContent>
+                    <DropdownMenuItem onClick={() => setTheme("light")}>
+                      {theme === "light" ? (
+                        <>
+                          <LuSun className="mr-2 h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+                          Light
+                        </>
+                      ) : (
+                        <span className="mr-2 ml-6">Light</span>
+                      )}
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => setTheme("dark")}>
+                      {theme === "dark" ? (
+                        <>
+                          <LuMoon className="mr-2 h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+                          Dark
+                        </>
+                      ) : (
+                        <span className="mr-2 ml-6">Dark</span>
+                      )}
+                    </DropdownMenuItem>
+                    <DropdownMenuItem onClick={() => setTheme("system")}>
+                      {theme === "system" ? (
+                        <>
+                          <CgDarkMode className="mr-2 h-4 w-4 scale-100 transition-all" />
+                          System
+                        </>
+                      ) : (
+                        <span className="mr-2 ml-6">System</span>
+                      )}
+                    </DropdownMenuItem>
+                  </DropdownMenuSubContent>
+                </DropdownMenuPortal>
+              </DropdownMenuSub>
+              <DropdownMenuSub>
+                <DropdownMenuSubTrigger>
+                  <LuSunMoon className="mr-2 h-4 w-4" />
+                  <span>Theme</span>
+                </DropdownMenuSubTrigger>
+                <DropdownMenuPortal>
+                  <DropdownMenuSubContent>
+                    {colorSchemes.map((scheme) => (
+                      <DropdownMenuItem
+                        key={scheme}
+                        onClick={() => setColorScheme(scheme)}
+                      >
+                        {scheme === colorScheme ? (
+                          <>
+                            <IoColorPalette className="mr-2 h-4 w-4 rotate-0 scale-100 transition-all" />
+                            {friendlyColorSchemeName(scheme)}
+                          </>
+                        ) : (
+                          <span className="mr-2 ml-6">
+                            {friendlyColorSchemeName(scheme)}
+                          </span>
+                        )}
+                      </DropdownMenuItem>
+                    ))}
+                  </DropdownMenuSubContent>
+                </DropdownMenuPortal>
+              </DropdownMenuSub>
+            </DropdownMenuGroup>
+            <DropdownMenuLabel className="mt-3">Help</DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            <a href="https://docs.frigate.video">
+              <DropdownMenuItem>
+                <LuLifeBuoy className="mr-2 h-4 w-4" />
+                <span>Documentation</span>
               </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-          <Tooltip>
-            <TooltipTrigger>
-              <Button size="icon" variant="ghost">
-                <VscAccount />
-              </Button>
-            </TooltipTrigger>
-            <TooltipContent side="right">
-              <p>Account</p>
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
+            </a>
+            <a href="https://github.com/blakeblackshear/frigate">
+              <DropdownMenuItem>
+                <LuGithub className="mr-2 h-4 w-4" />
+                <span>GitHub</span>
+              </DropdownMenuItem>
+            </a>
+            <DropdownMenuSeparator className="mt-3" />
+            <DropdownMenuItem onClick={() => setRestartDialogOpen(true)}>
+              <LuRotateCw className="mr-2 h-4 w-4" />
+              <span>Restart Frigate</span>
+            </DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+        <Tooltip>
+          <TooltipTrigger>
+            <Button size="icon" variant="ghost">
+              <VscAccount />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent side="right">
+            <p>Account</p>
+          </TooltipContent>
+        </Tooltip>
       </div>
       {restartDialogOpen && (
         <AlertDialog
diff --git a/web/src/context/providers.tsx b/web/src/context/providers.tsx
index 06ddb85f2..efcf2a10b 100644
--- a/web/src/context/providers.tsx
+++ b/web/src/context/providers.tsx
@@ -3,6 +3,7 @@ import { ThemeProvider } from "@/context/theme-provider";
 import { RecoilRoot } from "recoil";
 import { ApiProvider } from "@/api";
 import { IconContext } from "react-icons";
+import { TooltipProvider } from "@/components/ui/tooltip";
 
 type TProvidersProps = {
   children: ReactNode;
@@ -13,9 +14,11 @@ function providers({ children }: TProvidersProps) {
     <RecoilRoot>
       <ApiProvider>
         <ThemeProvider defaultTheme="light" storageKey="frigate-ui-theme">
-          <IconContext.Provider value={{ size: "20" }}>
-            {children}
-          </IconContext.Provider>
+          <TooltipProvider>
+            <IconContext.Provider value={{ size: "20" }}>
+              {children}
+            </IconContext.Provider>
+          </TooltipProvider>
         </ThemeProvider>
       </ApiProvider>
     </RecoilRoot>
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index bdf47d828..f7c8c3155 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -24,13 +24,8 @@ module.exports = {
         "accordion-up": "accordion-up 0.2s ease-out",
       },
       aspectRatio: {
-        "wide": "32 / 9",
-        "tall": "9 / 16",
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
+        wide: "32 / 9",
+        tall: "9 / 16",
       },
       colors: {
         border: "hsl(var(--border))",