1 files changed, 16 insertions, 12 deletions

diff --git a/src/client/views/collections/collectionLinearView/CollectionLinearView.scss b/src/client/views/collections/collectionLinearView/CollectionLinearView.scss
index 9c766e03f..b37233892 100644
--- a/src/client/views/collections/collectionLinearView/CollectionLinearView.scss
+++ b/src/client/views/collections/collectionLinearView/CollectionLinearView.scss
@@ -5,12 +5,16 @@
     overflow: visible;
     height: 100%;
     pointer-events: none;
-    // background-color: rgba(0, 0, 0, 0.2);
     
     &.true {
         padding-left: 5px;
         padding-right: 5px;
         border-left: $standard-border;
+        background-color: #4476f780;
+    }
+
+    >input:not(:checked)~&.true {
+        background-color: transparent;
     }
 
     .collectionLinearView {
@@ -78,24 +82,25 @@
         }
 
         >label {
-            background: $dark-gray;
+            pointer-events: all;
+            cursor: pointer;
+            background-color: $medium-blue;
+            padding: 5;
+            border-radius: 2px;
+            height: 25;
+
+            margin: 0;
             color: $white;
             display: flex;
-            border-radius: 18px;
-            font-size: 12.5px;
-            font-weight:100;
+            font-weight: 100;
             width: fit-content;
-            height: 100%;
-            margin-top: auto;
-            margin-bottom: auto;
-            margin-right: 3px;
-            cursor: pointer;
             transition: transform 0.2s;
             align-items: center;
             justify-content: center;
+            transition:0.1s;
 
             &:hover {
-                background: $medium-gray;
+                transform: scale(1.05);
             }
         }
 
@@ -122,7 +127,6 @@
             .collectionLinearView-docBtn-scalable {
                 position: relative;
                 margin: auto;
-                margin-left: 3px;
                 transform-origin: center 80%;
             }