diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index 7d1f659..99db351 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -77,6 +77,7 @@ input {
   margin-bottom: 4px;
   text-decoration: none;
   color: var(--bright-color);
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
 }
 
 .sidebarLinks a:hover {
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 263fd3c..76ee908 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -3,22 +3,22 @@
 }
 
 .button {
-  color: white;
-  background-color: #313131;
-  margin: 0px 4px;
-  padding: 15px 4px;
-  max-width: 100%;
-  text-align: center;
-  font-size: 16px;
-  cursor: pointer;
-  word-wrap: break-word;
-  text-decoration: none;
-
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  user-select: none;
+    color: white;
+    background-color: #313131;
+    margin: 0px 4px;
+    padding: 15px 4px;
+    max-width: 100%;
+    text-align: center;
+    font-size: 16px;
+    cursor: pointer;
+    word-wrap: break-word;
+    text-decoration: none;
+    transition: width 0.5s, height 0.5s, ease-in 0.5s;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    user-select: none;
 }
 
 .button:hover {