diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index 72a7e7d08..ec612dab3 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -32,7 +32,7 @@
 						<icon icon="grip-lines"/>
 					</span>
 				</div>
-				<span class="list-menu-title">{{ getProjectTitle(project) }}</span>
+				<span class="project-menu-title">{{ getProjectTitle(project) }}</span>
 			</BaseButton>
 			<BaseButton
 				v-if="project.id > 0"
@@ -155,4 +155,9 @@ const canNestDeeper = computed(() => canNestProjectDeeper(props.level))
 		padding: 0 !important;
 	}
 }
+
+.project-menu-title {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
 </style>