diff --git a/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css b/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css
index 0657cef..b94e5be 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/asidebar.css
@@ -31,13 +31,25 @@
     border-radius: 20px;
 }
 
+.menu__content--slots-icon {
+    margin-left: 5px
+}
+
+.menu__content--cruch-icon {
+    margin-left: 6px
+}
+
+.menu__content--bomb-icon {
+    margin-left: 6px
+}
+
 .menu__content--gamemodes {
     display: flex;
     text-align: center;
     flex-direction: column;
 }
 
-.menu__content--gamemodes a  {
+.menu__content--gamemodes a {
     padding: 35% 7%;
 }
 
diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index ab85bd4..da3283c 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -6,10 +6,10 @@
       </div>
       <div class="menu__btns--gamemodes">
         <div class="menu__content--gamemodes">
-          <a href="#"><img src="../assets/icons-menu/slots-icon.svg"></a>
-          <a href="#"><img src="../assets/icons-menu/crush-icon.svg"></a>
-          <a href="#"><img src="../assets/icons-menu/case-icon.png"></a>
-          <a href="#"><img src="../assets/icons-menu/bomb-icon.svg"></a>
+          <a href="#"><img class="menu__content--slots-icon" src="../assets/icons-menu/slots-icon.svg"></a>
+          <a href="#"><img  class="menu__content--cruch-icon" src="../assets/icons-menu/crush-icon.svg"></a>
+          <a href="#"><img  src="../assets/icons-menu/case-icon.png"></a>
+          <a href="#"><img  class="menu__content--bomb-icon" src="../assets/icons-menu/bomb-icon.svg"></a>
         </div>
       </div>
       <div class="menu__btn--settings">