PR feedback

elastic · Apr 25, 2023 · c076fcd · c076fcd
1 parent ca952f3
commit c076fcd
Showing 1 changed file with 57 additions and 59 deletions.
diff --git a/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx b/x-pack/plugins/security/public/account_management/user_profile/user_profile.tsx
@@ -166,65 +166,63 @@ function UserSettingsEditor({ formik }: { formik: ReturnType<typeof useUserProfi
         />
       }
     >
-      <EuiFlexItem>
-        <FormRow
-          name="data.userSettings.darkMode"
-          label={
-            <FormLabel for="data.userSettings.darkMode">
-              <FormattedMessage
-                id="xpack.security.accountManagement.userProfile.userSettings.theme"
-                defaultMessage="Mode"
-              />
-            </FormLabel>
-          }
-          fullWidth
-        >
-          <EuiButtonGroup
-            legend={i18n.translate(
-              'xpack.security.accountManagement.userProfile.userSettings.themeGroupDescription',
-              {
-                defaultMessage: 'Elastic theme',
-              }
-            )}
-            buttonSize="m"
-            data-test-subj="darkModeButton"
-            idSelected={formik.values.data.userSettings.darkMode}
-            options={[
-              {
-                id: '',
-                label: (
-                  <FormattedMessage
-                    id="xpack.security.accountManagement.userProfile.defaultModeButton"
-                    defaultMessage="Default"
-                  />
-                ),
-              },
-              {
-                id: 'light',
-                label: (
-                  <FormattedMessage
-                    id="xpack.security.accountManagement.userProfile.lightModeButton"
-                    defaultMessage="Light"
-                  />
-                ),
-                iconType: 'sun',
-              },
-              {
-                id: 'dark',
-                label: (
-                  <FormattedMessage
-                    id="xpack.security.accountManagement.userProfile.darkModeButton"
-                    defaultMessage="Dark"
-                  />
-                ),
-                iconType: 'moon',
-              },
-            ]}
-            onChange={(id: string) => formik.setFieldValue('data.userSettings.darkMode', id)}
-            isFullWidth
-          />
-        </FormRow>
-      </EuiFlexItem>
+      <FormRow
+        name="data.userSettings.darkMode"
+        label={
+          <FormLabel for="data.userSettings.darkMode">
+            <FormattedMessage
+              id="xpack.security.accountManagement.userProfile.userSettings.theme"
+              defaultMessage="Mode"
+            />
+          </FormLabel>
+        }
+        fullWidth
+      >
+        <EuiButtonGroup
+          legend={i18n.translate(
+            'xpack.security.accountManagement.userProfile.userSettings.themeGroupDescription',
+            {
+              defaultMessage: 'Elastic theme',
+            }
+          )}
+          buttonSize="m"
+          data-test-subj="darkModeButton"
+          idSelected={formik.values.data.userSettings.darkMode}
+          options={[
+            {
+              id: '',
+              label: (
+                <FormattedMessage
+                  id="xpack.security.accountManagement.userProfile.defaultModeButton"
+                  defaultMessage="Space default"
+                />
+              ),
+            },
+            {
+              id: 'light',
+              label: (
+                <FormattedMessage
+                  id="xpack.security.accountManagement.userProfile.lightModeButton"
+                  defaultMessage="Light"
+                />
+              ),
+              iconType: 'sun',
+            },
+            {
+              id: 'dark',
+              label: (
+                <FormattedMessage
+                  id="xpack.security.accountManagement.userProfile.darkModeButton"
+                  defaultMessage="Dark"
+                />
+              ),
+              iconType: 'moon',
+            },
+          ]}
+          onChange={(id: string) => formik.setFieldValue('data.userSettings.darkMode', id)}
+          isFullWidth
+        />
+      </FormRow>
     </EuiDescribedFormGroup>
   );
 }