diff --git a/apps/vue/src/views/dashboard/workbench/components/MenuCard.vue b/apps/vue/src/views/dashboard/workbench/components/MenuCard.vue
index 2771e859a..48b6ba737 100644
--- a/apps/vue/src/views/dashboard/workbench/components/MenuCard.vue
+++ b/apps/vue/src/views/dashboard/workbench/components/MenuCard.vue
@@ -8,6 +8,7 @@
         v-for="menu in menus"
         :key="menu.title"
         class="menu-card-grid"
+        :style="{ float: menus.length >=  2 ? 'left' : 'right' }"
         @click="handleNavigationTo(menu)"
         @contextmenu="(e) => handleContext(e, menu)"
       >
@@ -103,6 +104,7 @@
   .menu-card-grid {
     margin: 10px;
     width: 30%;
+    text-align: 'center';
     cursor: pointer;
   }
 </style>
diff --git a/apps/vue/src/views/dashboard/workbench/components/menuProps.ts b/apps/vue/src/views/dashboard/workbench/components/menuProps.ts
index 89fafb094..8a68f68b4 100644
--- a/apps/vue/src/views/dashboard/workbench/components/menuProps.ts
+++ b/apps/vue/src/views/dashboard/workbench/components/menuProps.ts
@@ -9,6 +9,7 @@ export interface Menu {
   size?: number;
   path?: string;
   hasDefault?: boolean;
+  click?: Function;
 }
 
 export function useDefaultMenus() {