diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
index cf8f642..2b643aa 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
@@ -21,7 +21,7 @@ body {
     border-radius: 20px;
     background: #17181C;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    height: 65%;
+    height: 45%;
 }
 
 .main-mobile {
@@ -97,6 +97,7 @@ body {
 /* Main */
 
 .main-mobile__content {
+    margin-top: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -107,16 +108,18 @@ body {
     border-radius: 10px;
     background: #EF4444;
     box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    width: 150px;
-    height: 105px;
+    width: 100%;
+    height: 120px;
 }
 
 .main-mobile__first-line {
     display: flex;
+    width: 100%;
 }
 
 .main-mobile__two-line {
     display: flex;
+    width: 100%;
 }
 
 .card-mobile__content { /* text display */
@@ -128,11 +131,22 @@ body {
 
 .card-first {
     margin-left: 10px;
+    margin-right: 10px;
+}
+
+.card-game__text h2 {
+    color: #FFF;
+    font-weight: 700;
+    font-size: 45px;
+    text-align: center;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
 }
 
 .card-two {
     margin-top: 20px;
     margin-left: 10px;
+    margin-right: 10px;
 }
 
 /* /Main */
\ No newline at end of file
diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
index 543e343..b56c484 100644
--- a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
+++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
@@ -21,7 +21,7 @@
     <main class="main-mobile">
       <div class="main-mobile__content">
         <div class="main-mobile__first-line">
-          <div class="card-mobile__content bg-mobile card-first" v-for="mode in firstlineGameMode" :key="mode">
+          <div class="card-mobile__content bg-mobile card-first card-game__text" v-for="mode in firstlineGameMode" :key="mode">
             <h2>{{ mode.title }}</h2>
             <div class="card-mobile__btn">
               <a href="#">Play ></a>
@@ -29,7 +29,7 @@
           </div>
         </div>
         <div class="main-mobile__two-line">
-          <div class="card-mobile__content bg-mobile card-two" v-for="mode in twolineGameMode" :key="mode">
+          <div class="card-mobile__content bg-mobile card-two card-game__text" v-for="mode in twolineGameMode" :key="mode">
             <h2>{{ mode.title }}</h2>
             <div class="card-mobile__btn">
               <a href="#">Play ></a>