diff --git a/src/styles/tier-label.css b/src/styles/tier-label.css
index 6ef88d4..2eb23bf 100644
--- a/src/styles/tier-label.css
+++ b/src/styles/tier-label.css
@@ -1,7 +1,6 @@
 .tier-label {
 	position: relative;
-	transition-duration: 300ms;
-	transition-property: background-color, color;
+	transition: background-color 300ms, color 200ms;
 	border: 1px solid var(--tier-border);
 	width: 100px;
 	min-width: 100px;
diff --git a/src/styles/tier-tooltip.css b/src/styles/tier-tooltip.css
index 575d518..2ee4876 100644
--- a/src/styles/tier-tooltip.css
+++ b/src/styles/tier-tooltip.css
@@ -3,13 +3,13 @@
 	top: 50%;
 	left: 110%;
 	translate: 0 -50%;
-	visibility: hidden;
 	opacity: 0;
-	transition: opacity 300ms, visibility 0s 300ms;
+	transition: opacity 300ms;
 	border-radius: 6px;
 	background-color: var(--tooltip);
 	width: 80px;
 	height: 50px;
+	pointer-events: none;
 }
 
 .tier-tooltip::before {
@@ -24,7 +24,6 @@
 }
 
 .tier-tooltip[data-visibility="visible"] {
-	visibility: visible;
 	opacity: 1;
-	transition: opacity 300ms;
+	pointer-events: all;
 }