diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index e840fb0..b24993e 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -162,7 +162,7 @@ input[type="number"]::-webkit-outer-spin-button {
 
 .saper-start__btns button {
     width: 100%;
-    padding: 14px;
+    padding: 12px;
     margin-bottom: 5px;
     border: none;
     color: #FFF;
@@ -182,4 +182,22 @@ input[type="number"]::-webkit-outer-spin-button {
 .btn-claim {
     border-radius: 10px;
     background: #252C47;
+}
+
+.steps-btns__display {
+    display: flex;
+}
+
+.btns-style__steps button {
+    border-radius: 10px;
+    background: #252C47;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    border: none;
+    color: #FFF;
+    font-weight: 700;
+    line-height: 31px;
+    font-family: Montserrat Alternates;
+    font-size: 12px;
+    padding: 6px 16px;
+    margin-right: 8px;
 }
\ 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 dd657f1..1f29a9f 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -41,6 +41,13 @@
             <button class="btn-start">Начать игру</button>
             <button class="btn-claim">Забрать 15 АР</button>
           </div>
+          <div class="saper-start__steps btns-style__steps">
+            <ul class="steps-btns__display">
+              <li v-for="(item, index) in SaperNumbers" :key="index">
+                <button v-if="item.steps !== undefined">{{ item.steps }}</button>
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
     </section>