diff --git a/extensions/default/src/ViewerLayout/Header.jsx b/extensions/default/src/ViewerLayout/Header.jsx
index a23d8e986..09b802c50 100644
--- a/extensions/default/src/ViewerLayout/Header.jsx
+++ b/extensions/default/src/ViewerLayout/Header.jsx
@@ -68,16 +68,24 @@ function Header({ children }) {
           </span>
           <Dropdown
             titleElement={
-              <IconButton
-                variant="text"
-                color="inherit"
-                size="initial"
-                className="text-primary-active"
-                onClick={() => {}}
-              >
-                <Icon name="settings" />
-                <Icon name="chevron-down" />
-              </IconButton>
+              <>
+                <IconButton
+                  variant="text"
+                  color="inherit"
+                  size="initial"
+                  className="text-primary-active"
+                >
+                  <Icon name="settings" />
+                </IconButton>
+                <IconButton
+                  variant="text"
+                  color="inherit"
+                  size="initial"
+                  className="text-primary-active"
+                >
+                  <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 77813684c..fe591bf35 100644
--- a/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx
+++ b/platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx
@@ -24,16 +24,25 @@ const PreferencesDropdown = () => {
   return (
     <Dropdown
       titleElement={
-        <IconButton
-          variant="text"
-          color="inherit"
-          size="initial"
-          className="text-primary-active"
-          onClick={() => {}}
-        >
-          <Icon name="settings" />
-          <Icon name="chevron-down" />
-        </IconButton>
+        <>
+          <IconButton
+            variant="text"
+            color="inherit"
+            size="initial"
+            className="text-primary-active"
+          >
+            <Icon name="settings" />
+          </IconButton>
+          <IconButton
+            variant="text"
+            color="inherit"
+            size="initial"
+            className="text-primary-active"
+            onClick={() => {}}
+          >
+            <Icon name="chevron-down" />
+          </IconButton>
+        </>
       }
       list={[
         { title: 'About', icon: 'info', onClick: () => showAboutModal() },