diff --git a/styles/tree-view.less b/styles/tree-view.less
index ab5a0f6a..b0851a71 100644
--- a/styles/tree-view.less
+++ b/styles/tree-view.less
@@ -10,7 +10,10 @@
   z-index: 2;
   -webkit-user-select: none;
 
-  > ol {
+  display: flex;
+  flex-direction: column;
+
+  .full-menu {
     /*
      * Force a new stacking context to prevent a large, duplicate paint layer from
      * being created for tree-view's scrolling contents that can make the cost of
@@ -26,6 +29,18 @@
     padding-left: @component-icon-padding;
     padding-right: @component-padding;
     background-color: inherit;
+
+    // Expands .full-menu to take up full height.
+    // This makes sure that the context menu can still be openend in the empty
+    // area underneath the files.
+    flex-grow: 1;
+  }
+
+  .full-menu.list-tree {
+    // Expands .full-menu to take up as much width as needed by the content.
+    // This makes sure that the selected item's "bar/background" expands to full width.
+    position: relative;
+    min-width: min-content;
   }
 
   .header {