diff --git a/extensions/default/src/ViewerLayout/Header.jsx b/extensions/default/src/ViewerLayout/Header.jsx
index 1593ba893..a23d8e986 100644
--- a/extensions/default/src/ViewerLayout/Header.jsx
+++ b/extensions/default/src/ViewerLayout/Header.jsx
@@ -75,9 +75,8 @@ function Header({ children }) {
                 className="text-primary-active"
                 onClick={() => {}}
               >
-                <React.Fragment>
-                  <Icon name="settings" /> <Icon name="chevron-down" />
-                </React.Fragment>
+                <Icon name="settings" />
+                <Icon name="chevron-down" />
               </IconButton>
             }
             list={[
diff --git a/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx b/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx
index 1167aa04f..77813684c 100644
--- a/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx
+++ b/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx
@@ -31,9 +31,8 @@ const PreferencesDropdown = () => {
           className="text-primary-active"
           onClick={() => {}}
         >
-          <React.Fragment>
-            <Icon name="settings" /> <Icon name="chevron-down" />
-          </React.Fragment>
+          <Icon name="settings" />
+          <Icon name="chevron-down" />
         </IconButton>
       }
       list={[