diff --git a/src/components/BottomLabel.css b/src/components/BottomLabel.css
index f2cb1ae..4d467bb 100644
--- a/src/components/BottomLabel.css
+++ b/src/components/BottomLabel.css
@@ -6,6 +6,7 @@
   gap: .5rem;
   font-weight: normal;
   color: #4A4863;
+  font-size: 14px;
 }
 
 .dot {
diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css
index 2a6b917..bec4aa7 100644
--- a/src/components/ToggleButton.css
+++ b/src/components/ToggleButton.css
@@ -46,8 +46,13 @@
   background-color: transparent;
 }
 
-.toggle-button:active .inside-glow {
-  transform: rotate(180deg);
+.inside-glow {
+  transition: transform 300ms;
+  transform: rotate(0deg);
+}
+
+.toggle-button:hover .inside-glow {
+  transform: rotate(45deg);
 }
 
 .actual-button-style {
@@ -74,7 +79,7 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  transition: color 300ms;
+  transition: color 300ms, transform 300ms;
 }
 
 .toggle-button .inside-glow {