diff --git a/web/app/components/app/overview/settings/index.tsx b/web/app/components/app/overview/settings/index.tsx
index fabffcf809..88d5c2d909 100644
--- a/web/app/components/app/overview/settings/index.tsx
+++ b/web/app/components/app/overview/settings/index.tsx
@@ -109,7 +109,7 @@ const SettingsModal: FC<ISettingsModalProps> = ({
     }
 
     const validateColorHex = (hex: string | null) => {
-      if (hex === null || hex.length === 0)
+      if (hex === null || hex?.length === 0)
         return true
 
       const regex = /#([A-Fa-f0-9]{6})/