diff --git a/packages/console/src/pages/SignInExperience/components/BrandingForm.tsx b/packages/console/src/pages/SignInExperience/components/BrandingForm.tsx
index 3b41eca88..c328ecc00 100644
--- a/packages/console/src/pages/SignInExperience/components/BrandingForm.tsx
+++ b/packages/console/src/pages/SignInExperience/components/BrandingForm.tsx
@@ -38,18 +38,20 @@ const BrandingForm = () => {
           {...register('branding.isDarkModeEnabled')}
         />
       </FormField>
-      <FormField
-        isRequired={isDarkModeEnabled}
-        title="admin_console.sign_in_exp.branding.dark_primary_color"
-      >
-        <Controller
-          name="branding.darkPrimaryColor"
-          control={control}
-          render={({ field: { onChange, value } }) => (
-            <ColorPicker value={value} onChange={onChange} />
-          )}
-        />
-      </FormField>
+      {isDarkModeEnabled && (
+        <FormField
+          isRequired={isDarkModeEnabled}
+          title="admin_console.sign_in_exp.branding.dark_primary_color"
+        >
+          <Controller
+            name="branding.darkPrimaryColor"
+            control={control}
+            render={({ field: { onChange, value } }) => (
+              <ColorPicker value={value} onChange={onChange} />
+            )}
+          />
+        </FormField>
+      )}
       <FormField isRequired title="admin_console.sign_in_exp.branding.ui_style">
         <Controller
           name="branding.style"