diff --git a/packages/nc-gui-v2/pages/projects/index/list.vue b/packages/nc-gui-v2/pages/projects/index/list.vue
index d69159b566..c00d0f7ffe 100644
--- a/packages/nc-gui-v2/pages/projects/index/list.vue
+++ b/packages/nc-gui-v2/pages/projects/index/list.vue
@@ -22,7 +22,7 @@ const openProject = async (project: ProjectType) => {
 </script>
 
 <template>
-  <div class="grid grid-cols-4 gap-2 prose-md p-2 font-semibold">
+  <div class="grid grid-cols-3 gap-2 prose-md p-2 font-semibold">
     <div>{{ $t('general.title') }}</div>
     <div>Updated At</div>
     <div></div>
@@ -32,12 +32,12 @@ const openProject = async (project: ProjectType) => {
 
   <template v-for="project of projects" :key="project.id">
     <div
-      class="cursor-pointer grid grid-cols-4 gap-2 prose-md hover:(bg-gray-100 shadow-sm dark:text-black) p-2 transition-color ease-in duration-100"
+      class="cursor-pointer grid grid-cols-3 gap-2 prose-md hover:(bg-gray-100 shadow-sm dark:text-black) p-2 transition-color ease-in duration-100"
       @click="openProject(project)"
     >
-      <div class="font-semibold">{{ project.title || 'Untitled' }}</div>
+      <div class="font-semibold capitalize">{{ project.title || 'Untitled' }}</div>
       <div>{{ project.updated_at }}</div>
-      <div>
+      <div class="flex justify-center">
         <MdiDeleteOutline class="text-gray-500 hover:text-red-500 mr-2" @click.stop @click="emit('delete-project', project)" />
         <MdiEditOutline class="text-gray-500 hover:text-primary mr-2" @click.stop />
       </div>