diff --git a/frontend/src/app/main-view/main-view.component.html b/frontend/src/app/main-view/main-view.component.html
index 45cdd1f..5e8efd5 100644
--- a/frontend/src/app/main-view/main-view.component.html
+++ b/frontend/src/app/main-view/main-view.component.html
@@ -19,7 +19,7 @@
       </nb-actions>
     </div>
   </nb-layout-header>
-  <nb-sidebar tag="main">
+  <nb-sidebar tag="main" responsive>
     <nb-menu [items]="items"></nb-menu>
   </nb-sidebar>
   <nb-layout-column>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 0f42b0f..e1a7d2f 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -6,3 +6,6 @@
   @include nb-theme-global();
 }
 /* You can add global styles to this file, and also import other style files */
+.menu-title {
+  max-width: 25ch;
+}