diff --git a/scss/style.scss b/scss/style.scss
index 3db5c15..5c7b875 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -63,6 +63,7 @@ body {
           margin: 2px 0;
           border-top-left-radius: 10px;
           border-bottom-left-radius: 10px;
+          transition: margin 0.1s ease-in-out;
 
           &:hover {
             margin-left: 10px;
diff --git a/static/css/style.css b/static/css/style.css
index 1f80408..2d78907 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -47,6 +47,7 @@ body {
         margin: 2px 0;
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
+        transition: margin 0.1s ease-in-out;
         color: white; }
         #main-container .tab-selector ul li a:hover {
           margin-left: 10px; }