diff --git a/packages/nc-gui/components/dashboard/MiniSidebar.vue b/packages/nc-gui/components/dashboard/MiniSidebar.vue
index dc45364a74..2a3a79c684 100644
--- a/packages/nc-gui/components/dashboard/MiniSidebar.vue
+++ b/packages/nc-gui/components/dashboard/MiniSidebar.vue
@@ -112,14 +112,16 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
             </div>
           </template>
           <div
-            class="nc-mini-sidebar-btn"
+            class="nc-mini-sidebar-btn-full-width"
             data-testid="nc-sidebar-project-btn"
             :class="{
               active: isProjectPageOpen,
             }"
             @click="navigateToProjectPage"
           >
-            <GeneralIcon :icon="isProjectListOrHomePageOpen ? 'ncBaseOutlineDuo' : 'ncBaseOutline'" class="h-4 w-4" />
+            <div class="nc-mini-sidebar-btn">
+              <GeneralIcon :icon="isProjectListOrHomePageOpen ? 'ncBaseOutlineDuo' : 'ncBaseOutline'" class="h-4 w-4" />
+            </div>
           </div>
         </NcTooltip>
       </DashboardSidebarMiniSidebarItemWrapper>
@@ -132,11 +134,13 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
             </template>
             <div
               v-e="['c:quick-actions']"
-              class="nc-mini-sidebar-btn"
+              class="nc-mini-sidebar-btn-full-width"
               data-testid="nc-sidebar-cmd-k-btn"
               @click="commandPalette?.open()"
             >
-              <GeneralIcon icon="search" class="h-4 w-4" />
+              <div class="nc-mini-sidebar-btn">
+                <GeneralIcon icon="search" class="h-4 w-4" />
+              </div>
             </div>
           </NcTooltip>
         </DashboardSidebarMiniSidebarItemWrapper>
@@ -145,14 +149,16 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
           <NcTooltip :title="$t('title.teamAndSettings')" placement="right" hide-on-click :arrow="false">
             <div
               v-e="['c:team:settings']"
-              class="nc-mini-sidebar-btn"
+              class="nc-mini-sidebar-btn-full-width"
               data-testid="nc-sidebar-team-settings-btn"
               :class="{
                 active: isWorkspaceSettingsPageOpened,
               }"
               @click="navigateToSettings"
             >
-              <GeneralIcon :icon="isWorkspaceSettingsPageOpened ? 'ncSettingsDuo' : 'ncSettings'" class="h-4 w-4" />
+              <div class="nc-mini-sidebar-btn">
+                <GeneralIcon :icon="isWorkspaceSettingsPageOpened ? 'ncSettingsDuo' : 'ncSettings'" class="h-4 w-4" />
+              </div>
             </div>
           </NcTooltip>
         </DashboardSidebarMiniSidebarItemWrapper>
@@ -160,14 +166,16 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
           <NcTooltip :title="$t('general.integrations')" placement="right" hide-on-click :arrow="false">
             <div
               v-e="['c:integrations']"
-              class="nc-mini-sidebar-btn"
+              class="nc-mini-sidebar-btn-full-width"
               data-testid="nc-sidebar-integrations-btn"
               :class="{
                 active: isIntegrationsPageOpened,
               }"
               @click="navigateToIntegrations"
             >
-              <GeneralIcon :icon="isIntegrationsPageOpened ? 'ncIntegrationDuo' : 'integration'" class="h-4 w-4" />
+              <div class="nc-mini-sidebar-btn">
+                <GeneralIcon :icon="isIntegrationsPageOpened ? 'ncIntegrationDuo' : 'integration'" class="h-4 w-4" />
+              </div>
             </div>
           </NcTooltip>
         </DashboardSidebarMiniSidebarItemWrapper>
@@ -212,6 +220,10 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
     }
   }
 
+  .nc-mini-sidebar-btn-full-width {
+    @apply w-[var(--mini-sidebar-width)] flex-none flex justify-center cursor-pointer;
+  }
+
   .nc-mini-sidebar-btn {
     @apply cursor-pointer h-7 w-7 rounded !p-1.5 flex items-center justify-center children:flex-none !text-nc-content-gray-muted transition-all duration-200;
 
diff --git a/packages/nc-gui/components/dashboard/Sidebar/Feed.vue b/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
index a7e2b85fd4..27d882d957 100644
--- a/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
+++ b/packages/nc-gui/components/dashboard/Sidebar/Feed.vue
@@ -16,14 +16,16 @@ const gotoFeed = () => navigateToFeed()
   <div
     v-if="isMiniSidebar"
     v-e="['c:nocodb:feed']"
-    class="nc-mini-sidebar-btn"
+    class="nc-mini-sidebar-btn-full-width"
     data-testid="nc-sidebar-product-feed"
     :class="{
       active: isFeedPageOpened,
     }"
     @click="gotoFeed"
   >
-    <GeneralIcon :icon="isFeedPageOpened ? 'ncMegaPhoneDuo' : 'megaPhone'" class="h-4 w-4" />
+    <div class="nc-mini-sidebar-btn">
+      <GeneralIcon :icon="isFeedPageOpened ? 'ncMegaPhoneDuo' : 'megaPhone'" class="h-4 w-4" />
+    </div>
   </div>
   <NcButton
     v-else
diff --git a/packages/nc-gui/components/notification/Menu.vue b/packages/nc-gui/components/notification/Menu.vue
index 6d83cf1a3b..5785ce02e5 100644
--- a/packages/nc-gui/components/notification/Menu.vue
+++ b/packages/nc-gui/components/notification/Menu.vue
@@ -11,27 +11,34 @@ const isDropdownOpen = ref(false)
 <template>
   <div class="cursor-pointer flex items-center">
     <NcDropdown v-model:visible="isDropdownOpen" overlay-class-name="!shadow-none" placement="bottomRight" :trigger="['click']">
-      <NcButton
-        :size="isMiniSidebar ? 'xs' : 'small'"
-        class="!border-none nc-mini-sidebar-btn"
+      <div
         :class="{
-          active: isDropdownOpen,
+          'nc-mini-sidebar-btn-full-width': isMiniSidebar,
+          'flex': !isMiniSidebar,
         }"
-        type="text"
-        data-testid="nc-sidebar-notification-btn"
       >
-        <span
-          v-if="unreadCount"
-          :key="unreadCount"
-          class="bg-red-500 w-2 h-2 border-1 border-white rounded-[6px] absolute top-[5px] left-[15px]"
-        ></span>
-        <GeneralIcon
-          :icon="isDropdownOpen ? 'ncNotificationDuo' : 'notification'"
+        <NcButton
+          :size="isMiniSidebar ? 'xs' : 'small'"
+          class="!border-none nc-mini-sidebar-btn"
           :class="{
-            'h-4 w-4': isMiniSidebar,
+            active: isDropdownOpen,
           }"
-        />
-      </NcButton>
+          type="text"
+          data-testid="nc-sidebar-notification-btn"
+        >
+          <span
+            v-if="unreadCount"
+            :key="unreadCount"
+            class="bg-red-500 w-2 h-2 border-1 border-white rounded-[6px] absolute top-[5px] left-[15px]"
+          ></span>
+          <GeneralIcon
+            :icon="isDropdownOpen ? 'ncNotificationDuo' : 'notification'"
+            :class="{
+              'h-4 w-4': isMiniSidebar,
+            }"
+          />
+        </NcButton>
+      </div>
 
       <template #overlay>
         <NotificationCard @close="isDropdownOpen = false" />