diff --git a/packages/nc-gui/components/general/ShareBaseButton.vue b/packages/nc-gui/components/general/ShareBaseButton.vue
index 16af21a0dd..f6ec5630f1 100644
--- a/packages/nc-gui/components/general/ShareBaseButton.vue
+++ b/packages/nc-gui/components/general/ShareBaseButton.vue
@@ -44,10 +44,10 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
           <span class="text-xs">{{ $t('activity.inviteTeam') }}</span>
         </template>
         <a-button type="primary" class="!rounded-md mr-1" size="medium">
-        <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold ">
-          <MdiAccountPlusOutline class="mr-1 nc-share-base text-gray-300 hover:text-accent" />
-          Share
-        </div>
+          <div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
+            <MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
+            Share
+          </div>
         </a-button>
       </a-tooltip>
     </div>
diff --git a/packages/nc-gui/components/smartsheet/Pagination.vue b/packages/nc-gui/components/smartsheet/Pagination.vue
index 69cb1fe7fa..e84c094bf2 100644
--- a/packages/nc-gui/components/smartsheet/Pagination.vue
+++ b/packages/nc-gui/components/smartsheet/Pagination.vue
@@ -59,6 +59,6 @@ const page = computed({
 }
 
 :deep(.ant-pagination-item-link) {
-  @apply text-gray-500;
+  @apply text-gray-500 flex items-center justify-center;
 }
 </style>
diff --git a/packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue b/packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue
index a1bf705a0f..f151d002e6 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/toolbar/ToggleDrawer.vue
@@ -11,7 +11,7 @@ const onClick = () => {
 <template>
   <div :class="{ 'nc-active-btn': isOpen }">
     <a-button size="small" class="nc-toggle-right-navbar" @click="onClick">
-      <div class="flex items-center gap-1 text-xs text-gray-500" :class="{ 'text-gray-500': !isOpen }">
+      <div class="flex items-center gap-1 text-[0.6rem] text-gray-500" :class="{ 'text-gray-500': !isOpen }">
         <AntDesignMenuUnfoldOutlined v-if="isOpen" />
 
         <AntDesignMenuFoldOutlined v-else />