diff --git a/src/components/MainMenu/MainMenu.vue b/src/components/MainMenu/MainMenu.vue
index 263894c..b045365 100644
--- a/src/components/MainMenu/MainMenu.vue
+++ b/src/components/MainMenu/MainMenu.vue
@@ -160,6 +160,11 @@ menu {
       font-size: 1.2rem;
       border-radius: 999px;
       margin-top: 20px;
+      transition: 200ms ease;
+      &:hover {
+        background-color: rgba($color: $color-primary, $alpha: 0.8);
+        //filter: brightness(110%);
+      }
       .icon {
         display: none;
       }
diff --git a/src/css/app.scss b/src/css/app.scss
index 5cd8c5b..46ed298 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -62,7 +62,7 @@ a {
   &-primary {
     background-color: $color-primary;
     &:hover {
-      background-color: rgba($color: $color-primary, $alpha: 0.7);
+      background-color: rgba($color: $color-primary, $alpha: 0.8);
       border-color: rgba($color: $color-primary, $alpha: 0.3);
     }
     &:disabled {