chore: Reset the base font-size to 16px instead of 10px (#7455)

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -230,7 +230,7 @@ export default {
 
 .account-selector--modal {
   .modal-container {
-    width: 40rem;
+    width: 25rem;
   }
 }
 
@@ -284,7 +284,7 @@ export default {
   cursor: pointer;
   display: flex;
   flex-direction: row;
-  height: 6rem;
+  height: 3.75rem;
 }
 
 .current-user--options {

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

@@ -258,7 +258,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;