diff --git a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
index 4c10b8857e..89469eeba8 100644
--- a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
+++ b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
@@ -4,6 +4,7 @@ bl-file-table-view {
     $file-header-height: 40px;
     display: block;
     height: 100%;
+    width: 100%;
 
     .table-wrapper {
         height: calc(100% - #{$file-header-height});
@@ -46,6 +47,9 @@ bl-file-table-view {
         .current-path {
             line-height: $file-header-height;
             vertical-align: middle;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
         }
     }
     .icon {
diff --git a/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss b/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
index 6b25980ee9..eaed2e72a4 100644
--- a/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
+++ b/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
@@ -88,6 +88,9 @@ bl-file-tree-view {
         height: 22px;
         vertical-align: middle;
         user-select: none;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
 
         &:hover {
             background: $whitesmoke-darker;
diff --git a/app/components/file/details/file-details-view/file-details-view.scss b/app/components/file/details/file-details-view/file-details-view.scss
index f2c208e045..2fa25567f5 100644
--- a/app/components/file/details/file-details-view/file-details-view.scss
+++ b/app/components/file/details/file-details-view/file-details-view.scss
@@ -46,6 +46,9 @@ bl-file-details-view {
             flex: 1;
             vertical-align: middle;
             line-height: $file-header-height;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
         }
 
         .actions {