diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index 1cf6905..6e82df0 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -95,6 +95,12 @@
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
+.bg-early{
+    border-radius: 40px;
+    background: #969B9E;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
 .gamemode__main {
     width: 32%;
     height: 100%;
diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index 7ec6745..3da8a33 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -77,7 +77,7 @@
             </ul>
           </div>
           <div class="gamemode__twolines">
-            <div class="gamemode__twoline--first__element bg-card">
+            <div class="gamemode__twoline--first__element bg-early">
               <ul>
                 <li v-for="mode in twolinefirstelementGameMode" :key="mode">
                   <div :class="'linecontent-' + mode.id">