3 files changed, 38 insertions, 3 deletions
diff --git a/src/client/views/MainView.scss b/src/client/views/MainView.scss
index c3cdb7dde..15cd2c144 100644
--- a/src/client/views/MainView.scss
+++ b/src/client/views/MainView.scss
@@ -59,6 +59,10 @@
 .mainView-container {
     color: $dark-gray;
 
+    .lm_goldenlayout {
+        background: $medium-gray;
+    }
+
     .lm_title {
         background: $light-gray;
         color: $dark-gray;
@@ -166,12 +170,14 @@
         position: absolute;
         z-index: 2;
         background-color: $light-gray;
+
         .editable-title {
             background-color: $light-gray;
         }
     }
 
 }
+
 .mainView-libraryHandle {
     background-color: $light-gray;
 }
@@ -179,20 +185,24 @@
 {
     .propertiesView {
         background-color: #252525;
+
         input {
             background-color: $medium-gray;
         }
-        .propertiesView-sharingTable 
-        {
+
+        .propertiesView-sharingTable {
             background-color: $medium-gray;
         }
+
         .editable-title {
             background-color: $medium-gray;
         }
+
         .propertiesView-field {
             background-color: $medium-gray;
         }
     }
+
     .mainView-propertiesDragger,
     .mainView-libraryHandle {
         background: #353535;
@@ -202,8 +212,9 @@
     .contextMenu-cont {
         background: $medium-gray;
         color: $white;
+
         input::placeholder {
-            color:$white;
+            color: $white;
         }
     }
 }
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx
index 6d0d5eb39..9a885fbf8 100644
--- a/src/client/views/MainView.tsx
+++ b/src/client/views/MainView.tsx
@@ -466,6 +466,7 @@ export class MainView extends React.Component {
             </div>;
     }
 
+
     expandFlyout = action((button: Doc) => {
         // bcz: What's going on here!?  
         // Chrome(not firefox) seems to have a bug when the flyout expands and there's a zoomed freeform tab.  All of the div below the CollectionFreeFormView's main div
diff --git a/src/client/views/collections/CollectionDockingView.scss b/src/client/views/collections/CollectionDockingView.scss
index 77e7b86ea..b2ee33807 100644
--- a/src/client/views/collections/CollectionDockingView.scss
+++ b/src/client/views/collections/CollectionDockingView.scss
@@ -65,6 +65,29 @@
     display: inline;
 }
 
+.empty-tabs-message {
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+    top: 50%;
+    z-index: 1;
+    text-align: center;
+    font-size: 18;
+    color: $dark-gray;
+
+    img {
+        position: relative;
+        top: -1px;
+        margin: 0 5px;
+    }
+}
+
+.lm_header,
+.lm_items {
+    z-index: 2;
+    position: relative;
+}
+
 .lm_drag_tab {
     padding: 0;
     width: 15px !important;