diff --git a/changelog/unreleased/enhancement-add-view-options b/changelog/unreleased/enhancement-add-view-options
index fce3e205128..f5738c912a5 100644
--- a/changelog/unreleased/enhancement-add-view-options
+++ b/changelog/unreleased/enhancement-add-view-options
@@ -4,4 +4,5 @@ We've added view options above the files lists so that the user can customise th
 Currently, it is possible to toggle visibility of hidden files.
 Changes in view options are persisted in local storage.
 
-https://github.com/owncloud/web/pull/5408
\ No newline at end of file
+https://github.com/owncloud/web/pull/5408
+https://github.com/owncloud/web/pull/5450
diff --git a/packages/web-app-files/src/components/AppBar/AppBar.vue b/packages/web-app-files/src/components/AppBar/AppBar.vue
index a27d7b41a25..876d844a8d1 100644
--- a/packages/web-app-files/src/components/AppBar/AppBar.vue
+++ b/packages/web-app-files/src/components/AppBar/AppBar.vue
@@ -105,13 +105,19 @@
           data-test-id="files-view-options-btn"
           :aria-label="viewButtonAriaLabel"
           variation="passive"
-          appearance="outline"
+          appearance="raw"
           size="small"
+          gap-size="xsmall"
         >
           <oc-icon name="tune" size="small" />
           <translate>View</translate>
         </oc-button>
-        <oc-drop drop-id="files-view-options-drop" toggle="#files-view-options-btn" mode="click">
+        <oc-drop
+          drop-id="files-view-options-drop"
+          toggle="#files-view-options-btn"
+          mode="click"
+          class="uk-width-auto"
+        >
           <oc-list>
             <li>
               <oc-switch