diff --git a/web/src/components/icons/LiveIcons.tsx b/web/src/components/icons/LiveIcons.tsx
index dc491b612..fbac271ef 100644
--- a/web/src/components/icons/LiveIcons.tsx
+++ b/web/src/components/icons/LiveIcons.tsx
@@ -32,10 +32,10 @@ export function LiveListIcon({ layout }: LiveIconProps) {
   return (
     <div className="size-full flex flex-col gap-0.5 rounded-md overflow-hidden">
       <div
-        className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`}
+        className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
       />
       <div
-        className={`size-full ${layout == "list" ? "bg-selected" : "bg-muted-foreground"}`}
+        className={`size-full ${layout == "list" ? "bg-selected" : "bg-secondary-foreground"}`}
       />
     </div>
   );
diff --git a/web/src/components/overlay/MobileCameraDrawer.tsx b/web/src/components/overlay/MobileCameraDrawer.tsx
index 158a7f4c5..e11a49eb3 100644
--- a/web/src/components/overlay/MobileCameraDrawer.tsx
+++ b/web/src/components/overlay/MobileCameraDrawer.tsx
@@ -24,7 +24,7 @@ export default function MobileCameraDrawer({
     <Drawer open={cameraDrawer} onOpenChange={setCameraDrawer}>
       <DrawerTrigger asChild>
         <Button className="rounded-lg capitalize" size="sm" variant="secondary">
-          <FaVideo className="text-muted-foreground" />
+          <FaVideo className="text-secondary-foreground" />
         </Button>
       </DrawerTrigger>
       <DrawerContent className="max-h-[75dvh] px-4 mx-1 rounded-t-2xl overflow-hidden">
diff --git a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
index 0a3319918..26c6d9bbc 100644
--- a/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
+++ b/web/src/components/overlay/MobileReviewSettingsDrawer.tsx
@@ -137,7 +137,7 @@ export default function MobileReviewSettingsDrawer({
             className="w-full flex justify-center items-center gap-2"
             onClick={() => setDrawerMode("export")}
           >
-            <FaArrowDown className="p-1 fill-secondary bg-muted-foreground rounded-md" />
+            <FaArrowDown className="p-1 fill-secondary bg-secondary-foreground rounded-md" />
             Export
           </Button>
         )}
@@ -146,7 +146,7 @@ export default function MobileReviewSettingsDrawer({
             className="w-full flex justify-center items-center gap-2"
             onClick={() => setDrawerMode("calendar")}
           >
-            <FaCalendarAlt className="fill-muted-foreground" />
+            <FaCalendarAlt className="fill-secondary-foreground" />
             Calendar
           </Button>
         )}
@@ -155,7 +155,7 @@ export default function MobileReviewSettingsDrawer({
             className="w-full flex justify-center items-center gap-2"
             onClick={() => setDrawerMode("filter")}
           >
-            <FaFilter className="fill-muted-foreground" />
+            <FaFilter className="fill-secondary-foreground" />
             Filter
           </Button>
         )}
@@ -282,7 +282,7 @@ export default function MobileReviewSettingsDrawer({
             variant="secondary"
             onClick={() => setDrawerMode("select")}
           >
-            <FaCog className="text-muted-foreground" />
+            <FaCog className="text-secondary-foreground" />
           </Button>
         </DrawerTrigger>
         <DrawerContent className="max-h-[80dvh] overflow-hidden flex flex-col items-center gap-2 px-4 pb-4 mx-1 rounded-t-2xl">
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index 65e06d185..c9f775da7 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -139,7 +139,7 @@ export default function LiveDashboardView({
               className={`p-1 ${
                 layout == "grid"
                   ? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
-                  : "bg-muted"
+                  : "bg-secondary"
               }`}
               size="xs"
               onClick={() => setLayout("grid")}
@@ -150,7 +150,7 @@ export default function LiveDashboardView({
               className={`p-1 ${
                 layout == "list"
                   ? "bg-blue-900 focus:bg-blue-900 bg-opacity-60 focus:bg-opacity-60"
-                  : "bg-muted"
+                  : "bg-secondary"
               }`}
               size="xs"
               onClick={() => setLayout("list")}