diff --git a/assets/components/networks/network.vue b/assets/components/networks/network.vue
index 27d0b503..52633a57 100644
--- a/assets/components/networks/network.vue
+++ b/assets/components/networks/network.vue
@@ -235,7 +235,7 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: .5rem 0 0 0;
+    padding: .5rem 0;
     font-weight: bold;
     font-size: .9rem;
     cursor: pointer;
@@ -250,14 +250,23 @@ export default {
     }
 }
 
-.expand-sidebar {
+.expand-sidebar:hover {
+    background: $shadow-hint;
 }
 
 .expand-header {
     display: none;
+
+    &:hover {
+        background: $shadow-hint;
+    }
 }
 
 .collapse-header {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     background: $profile;
     color: $highlight;
 
@@ -266,6 +275,7 @@ export default {
     }
 
     &:hover {
+        background: $highlight-hint;
         color: $text-contrast;
 
         .icon {
diff --git a/assets/components/sites/sites.vue b/assets/components/sites/sites.vue
index f066ac96..fdfb7743 100644
--- a/assets/components/sites/sites.vue
+++ b/assets/components/sites/sites.vue
@@ -56,6 +56,10 @@ export default {
         .tiles {
             grid-template-columns: repeat(auto-fit, minmax(15rem, .5fr));
         }
+
+        &.compact .tiles {
+            padding: 0 1rem 1rem 1rem;
+        }
     }
 }
 
diff --git a/public/css/style.css b/public/css/style.css
index 58a46d4b..5436baef 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -674,6 +674,9 @@
 .sites.expanded .tiles[data-v-7bebaa3e] {
     grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr));
 }
+.sites.expanded.compact .tiles[data-v-7bebaa3e] {
+    padding: 0 1rem 1rem 1rem;
+}
 .tiles[data-v-7bebaa3e] {
   display: grid;
   grid-gap: 0 1rem;
@@ -781,7 +784,7 @@
           justify-content: center;
   -webkit-box-align: center;
           align-items: center;
-  padding: .5rem 0 0 0;
+  padding: .5rem 0;
   font-weight: bold;
   font-size: .9rem;
   cursor: pointer;
@@ -793,10 +796,23 @@
 .expand:hover .icon[data-v-e2e12602] {
     fill: rgba(0, 0, 0, 0.7);
 }
+.expand-sidebar[data-v-e2e12602]:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
 .expand-header[data-v-e2e12602] {
   display: none;
 }
+.expand-header[data-v-e2e12602]:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
 .collapse-header[data-v-e2e12602] {
+  width: 100%;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+          align-items: center;
   background: #222;
   color: rgba(255, 255, 255, 0.5);
 }
@@ -804,6 +820,7 @@
     fill: rgba(255, 255, 255, 0.5);
 }
 .collapse-header[data-v-e2e12602]:hover {
+    background: rgba(255, 255, 255, 0.075);
     color: #fff;
 }
 .collapse-header:hover .icon[data-v-e2e12602] {