diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index 935682f..9b5796b 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -94,11 +94,15 @@ input[type="number"]::-webkit-outer-spin-button {
     line-height: 31px;
     font-family: Montserrat Alternates;
     font-size: 12px;
-    padding: 4px 13px;
+    padding: 4px 23px;
 }
 
 .crystal-icon {
     position: relative;
     left: 25px;
     top: 5px;
+}
+
+.crystals-btns__display {
+    display: flex;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index 85e81be..276f7ab 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -16,9 +16,9 @@
             <div class="crystals__choises crystals-input__margin crystals-btns__choices">
               <img class="crystal-icon" width="25" height="25" src="@/assets/icons-games/saper-game/icon-crystall-saper.svg">
               <input type="number">
-              <ul>
-                <li>
-                  <button>123</button>
+              <ul class="crystals-btns__display">
+                <li v-for="(item, index) in SaperNumbers" :key="index">
+                  <button v-if="item.crystals !== undefined">{{ item.crystals }}</button>
                 </li>
               </ul>
             </div>