fix icon dropdown

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" />
+                </IconButton>
+                <IconButton
+                  variant="text"
+                  color="inherit"
+                  size="initial"
+                  className="text-primary-active"
+                >
                   <Icon name="chevron-down" />
                 </IconButton>
+              </>
             }
             list={[
               {

platform/viewer/src/components/PreferencesDropdown/PreferencesDropdown.jsx

@@ -24,6 +24,15 @@ const PreferencesDropdown = () => {
   return (
     <Dropdown
       titleElement={
+        <>
+          <IconButton
+            variant="text"
+            color="inherit"
+            size="initial"
+            className="text-primary-active"
+          >
+            <Icon name="settings" />
+          </IconButton>
           <IconButton
             variant="text"
             color="inherit"
@@ -31,9 +40,9 @@ const PreferencesDropdown = () => {
             className="text-primary-active"
             onClick={() => {}}
           >
-          <Icon name="settings" />
             <Icon name="chevron-down" />
           </IconButton>
+        </>
       }
       list={[
         { title: 'About', icon: 'info', onClick: () => showAboutModal() },