diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index 6b67edb..698d6de 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -24,7 +24,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .saper-start {
-    margin-left: 77px;
+    margin-left: 5%;
     border-radius: 20px;
     background: #22252F;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
@@ -33,7 +33,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .padding-elements {
-    padding-left: 22px;
+    padding-left: 5%;
 }
 
 .title-saper h2 {
@@ -91,7 +91,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .crystals-input__margin {
-    margin-left: -22px;
+    margin-left: -5.5%;
 }
 
 .crystals-btns__choices button,
@@ -126,11 +126,11 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .diamonds h3 {
-    margin: 5px 0 0 23px;
+    margin: 1.2% 0 0 5.8%;
 }
 
 .diamonds-input__margin {
-    margin-left: -23px;
+    margin-left: -5.6%;
 }
 
 .diamonds .diamonds__choises input {
@@ -143,7 +143,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .diamonds__btns {
-    margin: 10px 0 0 22px;
+    margin: 2.5% 0 0 5.5%;
 }
 
 .diamonds-btns__display {
@@ -162,7 +162,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .saper-start__btns {
-    margin: 14px 10px 0 0;
+    margin: 3.7% 2.7% 0 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -193,7 +193,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .saper-start__steps {
-    margin-top: 10px;
+    margin-top: 2.8%;
 }
 
 .steps-btns__display {