diff --git a/src-ui/src/app/components/app-frame/app-frame.component.html b/src-ui/src/app/components/app-frame/app-frame.component.html
index a0350eb78..ad12a9d43 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.html
+++ b/src-ui/src/app/components/app-frame/app-frame.component.html
@@ -47,8 +47,8 @@
           <span>Saved views</span>
         </h6>
         <ul class="nav flex-column mb-2">
-          <li class="nav-item" *ngFor='let config of viewConfigService.getSideBarConfigs()'>
-            <a class="nav-link" routerLink="view/{{config.id}}" routerLinkActive="active">
+          <li class="nav-item w-100" *ngFor='let config of viewConfigService.getSideBarConfigs()'>
+            <a class="nav-link text-truncate" routerLink="view/{{config.id}}" routerLinkActive="active">
               <svg class="sidebaricon" fill="currentColor">
                 <use xlink:href="assets/bootstrap-icons.svg#funnel"/>
               </svg>
@@ -61,8 +61,8 @@
           <span>Open documents</span>
         </h6>
         <ul class="nav flex-column mb-2">
-          <li class="nav-item" *ngFor='let d of openDocuments'>
-            <a class="nav-link" routerLink="documents/{{d.id}}" routerLinkActive="active">
+          <li class="nav-item w-100" *ngFor='let d of openDocuments'>
+            <a class="nav-link text-truncate" routerLink="documents/{{d.id}}" routerLinkActive="active">
               <svg class="sidebaricon" fill="currentColor">
                 <use xlink:href="assets/bootstrap-icons.svg#file-text"/>
               </svg>
diff --git a/src-ui/src/app/components/common/page-header/page-header.component.html b/src-ui/src/app/components/common/page-header/page-header.component.html
index cff102826..7c84046d8 100644
--- a/src-ui/src/app/components/common/page-header/page-header.component.html
+++ b/src-ui/src/app/components/common/page-header/page-header.component.html
@@ -1,6 +1,8 @@
-<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
-  <h1 class="h2">{{title}}</h1>
-  <div class="btn-toolbar mb-2 mb-md-0">
+<div class="row pt-3 pb-2 mb-3 border-bottom align-items-center">
+  <div class="col text-truncate">
+    <h1 class="h2 text-truncate">{{title}}</h1>
+  </div>
+  <div class="btn-toolbar col-auto">
     <ng-content></ng-content>
   </div>
-</div>
\ No newline at end of file
+</div>