From f6b927dde33f3801c0eac0329942b9757910f907 Mon Sep 17 00:00:00 2001
From: eli-d <64763513+eli-d@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:54:39 +1030
Subject: [PATCH] indicate flags overriden to false

---
 web/src/app/_layout/FeatureFlagConfig.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/app/_layout/FeatureFlagConfig.tsx b/web/src/app/_layout/FeatureFlagConfig.tsx
index 1ac7d387..f6a9164d 100644
--- a/web/src/app/_layout/FeatureFlagConfig.tsx
+++ b/web/src/app/_layout/FeatureFlagConfig.tsx
@@ -90,7 +90,6 @@ export const FeatureFlagConfig = () => {
               </button>
             </div>
           </div>
-
           <div className={"text-xs"}>Overrides</div>
           <div className={"flex flex-row items-center justify-between"}>
             <div className={"flex flex-col"}>
@@ -111,6 +110,9 @@ export const FeatureFlagConfig = () => {
             >
               <Label>{label}</Label>
               <Switch
+                className={cn(
+                  featureFlags[key] !== undefined && "!bg-destructive",
+                )}
                 disabled={!override}
                 checked={featureFlags[key] ?? data?.[key]}
                 onCheckedChange={(value) => setFeatureFlagOverride(key, value)}