From 630363ffe6e571a077c4aaa92f372d3600ed9004 Mon Sep 17 00:00:00 2001
From: Weitheng Haw <wei.thenghaw@disneystreaming.com>
Date: Tue, 4 Feb 2025 03:27:57 +0000
Subject: [PATCH] small ui fix

---
 web/src/pages/LPRDebug.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/LPRDebug.tsx b/web/src/pages/LPRDebug.tsx
index b199f0fff..11901cac4 100644
--- a/web/src/pages/LPRDebug.tsx
+++ b/web/src/pages/LPRDebug.tsx
@@ -122,7 +122,10 @@ export default function LPRDebug() {
             >
               <ToggleGroupItem
                 value="detected"
-                className={`flex scroll-mx-10 items-center justify-between gap-2 ${viewMode == "detected" ? "" : "*:text-muted-foreground"}`}
+                className={cn(
+                  "flex scroll-mx-10 items-center justify-between gap-2",
+                  viewMode !== "detected" && "*:text-muted-foreground"
+                )}
                 data-nav-item="detected"
                 aria-label="Select detected"
               >
@@ -130,7 +133,10 @@ export default function LPRDebug() {
               </ToggleGroupItem>
               <ToggleGroupItem
                 value="raw"
-                className={`flex scroll-mx-10 items-center justify-between gap-2 ${viewMode == "raw" ? "" : "*:text-muted-foreground"}`}
+                className={cn(
+                  "flex scroll-mx-10 items-center justify-between gap-2",
+                  viewMode !== "raw" && "*:text-muted-foreground"
+                )}
                 data-nav-item="raw"
                 aria-label="Select raw"
               >