diff --git a/style.css b/style.css
index bdd4265..949702c 100644
--- a/style.css
+++ b/style.css
@@ -123,14 +123,9 @@ td {
 }
 
 .legend {
-  border-collapse: collapse;
   border-spacing: 0;
 }
 
-.legend tbody {
-  border: 2px solid black;
-}
-
 .member td {
   border: 2px inset #2c3e50;
 }
@@ -158,7 +153,7 @@ td {
 .vlan {
   color: #ecf0f1;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-  background-color: hsl(calc(var(--k) * var(--pvid)) 97% 70%);
+  background-color: hsl(calc(var(--k) * var(--pvid)) 97% 60%);
 }
 
 .vlan:hover {
@@ -184,8 +179,16 @@ td {
 .hybrid {
   background-image: linear-gradient(
     135deg,
-    hsl(calc(var(--k) * var(--tagged)) 100% 60%) 50%,
-    hsl(calc(var(--k) * var(--untagged)) 100% 60%) 50%
+    hsl(calc(var(--k) * var(--tagged)) 97% 60%) 50%,
+    hsl(calc(var(--k) * var(--untagged)) 97% 60%) 50%
+  );
+}
+
+.hybrid:hover {
+  background-image: linear-gradient(
+    135deg,
+    hsl(calc(var(--k) * var(--tagged)) 65% 70%) 50%,
+    hsl(calc(var(--k) * var(--untagged)) 65% 70%) 50%
   );
 }