diff --git a/packages/web/src/javascripts/Components/Navigation/Navigation.tsx b/packages/web/src/javascripts/Components/Navigation/Navigation.tsx
index 5c04c6d0b..ae153a753 100644
--- a/packages/web/src/javascripts/Components/Navigation/Navigation.tsx
+++ b/packages/web/src/javascripts/Components/Navigation/Navigation.tsx
@@ -116,6 +116,16 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
               <Icon type="lock-filled" size="custom" className="h-4.5 w-4.5" />
             </button>
           )}
+          <button
+            className="ml-2.5 flex h-8 min-w-8 cursor-pointer items-center justify-center rounded-full border border-solid border-border bg-default text-neutral hover:bg-contrast focus:bg-contrast"
+            onClick={() => {
+              viewControllerManager.preferencesController.openPreferences()
+            }}
+            title="Go to preferences"
+            aria-label="Go to preferences"
+          >
+            <Icon type="tune" />
+          </button>
           <button
             className="ml-2.5 flex h-8 min-w-8 cursor-pointer items-center justify-center rounded-full border border-solid border-border bg-default text-neutral hover:bg-contrast focus:bg-contrast"
             onClick={() => {
@@ -124,7 +134,7 @@ const Navigation: FunctionComponent<Props> = ({ application }) => {
             title="Go to quick settings menu"
             aria-label="Go to quick settings menu"
           >
-            <Icon type="tune" />
+            <Icon type="themes" />
           </button>
         </div>
       </ResponsivePaneContent>