Merge branch 'develop' into feat/CW-2065

app/javascript/dashboard/components/layout/sidebarComponents/OptionsMenu.vue

@@ -50,7 +50,7 @@
           >
             <a
               :href="href"
-              class="button small clear secondary"
+              class="button small clear secondary custom-sidebar--button"
               :class="{ 'is-active': isActive }"
               @click="e => handleProfileSettingClick(e, navigate)"
             >
@@ -64,7 +64,7 @@
         <woot-dropdown-item v-if="currentUser.type === 'SuperAdmin'">
           <a
             href="/super_admin"
-            class="button small clear secondary"
+            class="button small clear secondary custom-sidebar--button"
             target="_blank"
             rel="noopener nofollow noreferrer"
             @click="$emit('close')"
@@ -157,4 +157,9 @@ export default {
   top: unset;
   z-index: var(--z-index-low);
 }
+
+.custom-sidebar--button {
+  height: var(--space-large) !important;
+  padding: var(--space-smaller) 0.675rem !important;
+}
 </style>

app/javascript/dashboard/components/layout/sidebarComponents/Secondary.vue

@@ -260,7 +260,7 @@ export default {
   background: var(--white);
   border-right: 1px solid var(--s-50);
   height: 100%;
-  width: 20rem;
+  width: 12.5rem;
   flex-shrink: 0;
   overflow-y: hidden;
   position: unset;