diff --git a/frontend/src/components/ProjectColumnComponent.vue b/frontend/src/components/ProjectColumnComponent.vue
index b883b58..bb0f78f 100644
--- a/frontend/src/components/ProjectColumnComponent.vue
+++ b/frontend/src/components/ProjectColumnComponent.vue
@@ -139,6 +139,6 @@ async function clickDeleteProjectButton() {
 
 .project-name {
   cursor: text;
-  max-width: 8em;
+  max-width: 100%;
 }
 </style>
diff --git a/frontend/src/views/CollectionsView.vue b/frontend/src/views/CollectionsView.vue
index 4b5961a..13eb214 100644
--- a/frontend/src/views/CollectionsView.vue
+++ b/frontend/src/views/CollectionsView.vue
@@ -34,8 +34,8 @@ const hasValidProjectId = computed(() => storeProject.lastProjectId != null)
 .sidebar {
   background-color: var(--main-color);
   height: 100vh;
-  width: 25%;
-  max-width: 20em;
+  width: 33%;
+  max-width: 25em;
 }
 
 .content {