diff --git a/gulp/version.json b/gulp/version.json
index f397743..833c76f 100644
--- a/gulp/version.json
+++ b/gulp/version.json
@@ -1,3 +1,3 @@
 {
-    "main": "20240629235849"
+    "main": "20240630020245"
 }
\ No newline at end of file
diff --git a/src/img/svg/battery.svg b/src/img/svg/battery.svg
index f6ec423..4a3fd27 100644
--- a/src/img/svg/battery.svg
+++ b/src/img/svg/battery.svg
@@ -11,6 +11,7 @@ animation-direction: normal;
 animation-iteration-count: infinite;}
 
 @keyframes eMlhOY1tV4E4__sz { 
+0% {width: 134px;height: 168px}
 10% {width: 134px;height: 168px} 
 15% {width: 134px;height: 65.333396px} 
 63.333333% {width: 134px;height: 65.333396px} 
@@ -20,6 +21,7 @@ animation-iteration-count: infinite;}
 100% {width: 134px;height: 168px}}
 
 @keyframes eMlhOY1tV4E4__tt { 
+0%{transform: translate(87px,189px) translate(-67px,-84px)} 
 10% {transform: translate(87px,189px) translate(-67px,-84px)} 
 15% {transform: translate(87px,189px) translate(-67px,18.666604px)} 
 63.333333% {transform: translate(87px,189px) translate(-67px,18.666604px)} 
@@ -29,6 +31,7 @@ animation-iteration-count: infinite;}
 100% {transform: translate(87px,189px) translate(-67px,-84px)}}
 
 @keyframes eMlhOY1tV4E4_c_o { 
+0% {opacity: 1}
 10% {opacity: 1} 
 12% {opacity: 1} 
 15% {opacity: 0} 
@@ -45,6 +48,7 @@ animation-direction: normal;
 animation-iteration-count: infinite;}
 
 @keyframes eMlhOY1tV4E5__sz { 
+0% {width: 134px;height: 168px} 
 10% {width: 134px;height: 168px} 
 15% {width: 134px;height: 65.333396px} 
 63.333333% {width: 134px;height: 65.333396px} 
@@ -52,6 +56,7 @@ animation-iteration-count: infinite;}
 100% {width: 134px;height: 168px}}
 
 @keyframes eMlhOY1tV4E5__tt { 
+0% {transform: translate(87px,189px) translate(-67px,-84px)} 
 10% {transform: translate(87px,189px) translate(-67px,-84px)} 
 15% {transform: translate(87px,189px) translate(-67px,18.666604px)} 
 63.333333% {transform: translate(87px,189px) translate(-67px,18.666604px)} 
@@ -59,6 +64,7 @@ animation-iteration-count: infinite;}
 100% {transform: translate(87px,189px) translate(-67px,-84px)}}
 
 @keyframes eMlhOY1tV4E5_c_o { 
+0% {opacity: 0} 
 10% {opacity: 0} 
 12% {opacity: 0} 
 15% {opacity: 1} 
diff --git a/src/scss/pages/index.scss b/src/scss/pages/index.scss
index c617623..bf3f00e 100644
--- a/src/scss/pages/index.scss
+++ b/src/scss/pages/index.scss
@@ -87,6 +87,10 @@
                     justify-content: left;
                     max-width: 350px;
                     margin: auto;
+
+                    @media (max-width: 400px) {
+                        justify-content: space-between;
+                    }
                 }
     
                 .button__link {
@@ -103,7 +107,11 @@
                         width: 240px;
 
                         @media (max-width: $screenM) {
-                            margin-right: 5px;
+                            margin-right: 5px;   
+                        }
+
+                        @media (max-width: 393px) {
+                            width: 210px;
                         }
                     }
 
@@ -115,14 +123,23 @@
                         width: 165px;
 
                         @media (max-width: $screenM) {
+                            width: 150px;
                             margin-right: 5px;
                         }
+
+                        @media (max-width: 393px) {
+                            width: 140px;
+                        }
                     }
 
                     &.unstake {
                         width: 270px;
 
                         @media (max-width: $screenM) {
+                            width: 190px;
+                        }
+
+                        @media (max-width: 393px) {
                             width: 170px;
                         }
                     }
@@ -179,27 +196,27 @@
                         text-align: center;
                         height: 300px;
 
+                        @media (max-width: 1280px) {
+                            height: 345px;
+                        }
+
                         @media (max-width: 1050px) {
                             border-radius: 44px 44px 0 0;
                             height: 275px;
                         }
 
-                        @media (max-width: 1280px) {
-                            height: 345px;
-                        }
-
                         img {
                             padding: 45px 64px 0 60px;
 
+                            @media (max-width: 1280px) {
+                                padding: 90px 64px 0 60px;
+                            }
+
                             @media (max-width: 1050px) {
                                 width: 180px;
                                 margin-top: 20px;
                                 padding: 0;
                             }
-
-                            @media (max-width: 1280px) {
-                                padding: 90px 64px 0 60px;
-                            }
                         }
                     }