diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 8e1f0f97f8..927df76ab8 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -577,10 +577,11 @@ const setIcon = async (icon: string, table: TableType) => {
                             trigger="click"
                             destroy-popup-on-hide
                             @click.stop
+                            class="flex items-center"
                           >
-                            <div @click.stop>
+                            <div @click.stop class="flex items-center">
                               <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
-                                <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon">
+                                <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon flex items-center">
                                   <Icon
                                     :key="table.meta?.icon"
                                     :data-testid="`nc-icon-${table.meta?.icon}`"