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..ab0f811 100644
--- a/src/components/ToggleButton.css
+++ b/src/components/ToggleButton.css
@@ -44,10 +44,20 @@
   overflow: hidden;
   border: 0;
   background-color: transparent;
+  transition: transform 50ms;
 }
 
-.toggle-button:active .inside-glow {
-  transform: rotate(180deg);
+.inside-glow {
+  transition: transform 300ms;
+  transform: rotate(0deg);
+}
+
+.toggle-button:hover .inside-glow {
+  transform: rotate(45deg);
+}
+
+.toggle-button:active {
+  transform: scale(0.95);
 }
 
 .actual-button-style {
@@ -74,7 +84,7 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  transition: color 300ms;
+  transition: color 300ms, transform 300ms;
 }
 
 .toggle-button .inside-glow {