diff --git a/web/satellite/src/components/objects/BucketCreation.vue b/web/satellite/src/components/objects/BucketCreation.vue
index 8105aff7d..2e78e7467 100644
--- a/web/satellite/src/components/objects/BucketCreation.vue
+++ b/web/satellite/src/components/objects/BucketCreation.vue
@@ -213,4 +213,11 @@ export default class BucketCreation extends Vue {
         width: 460px;
     }
 }
+
+@media screen and (max-width: 760px) {
+
+    .bucket-creation {
+        width: 300px;
+    }
+}
 </style>
diff --git a/web/satellite/src/components/objects/BucketCreationGeneratePassphrase.vue b/web/satellite/src/components/objects/BucketCreationGeneratePassphrase.vue
index 2f310971e..92b89f9a4 100644
--- a/web/satellite/src/components/objects/BucketCreationGeneratePassphrase.vue
+++ b/web/satellite/src/components/objects/BucketCreationGeneratePassphrase.vue
@@ -396,4 +396,11 @@ export default class GeneratePassphrase extends Vue {
         }
     }
 }
+
+@media screen and (max-width: 760px) {
+
+    .encrypt-container {
+        width: 200px;
+    }
+}
 </style>
diff --git a/web/satellite/src/components/objects/BucketCreationNameStep.vue b/web/satellite/src/components/objects/BucketCreationNameStep.vue
index ee1933cb5..850cac405 100644
--- a/web/satellite/src/components/objects/BucketCreationNameStep.vue
+++ b/web/satellite/src/components/objects/BucketCreationNameStep.vue
@@ -206,4 +206,11 @@ export default class BucketCreationNameStep extends Vue {
     width: 100%;
     justify-content: space-between;
 }
+
+@media screen and (max-width: 760px) {
+
+    .bucket-name-creation {
+        width: 200px;
+    }
+}
 </style>
diff --git a/web/satellite/src/components/objects/BucketCreationProgress.vue b/web/satellite/src/components/objects/BucketCreationProgress.vue
index 431d7c1ef..4888aae6f 100644
--- a/web/satellite/src/components/objects/BucketCreationProgress.vue
+++ b/web/satellite/src/components/objects/BucketCreationProgress.vue
@@ -131,4 +131,12 @@ export default class BucketCreationProgress extends Vue {
         }
     }
 }
+
+@media screen and (max-width: 760px) {
+
+    .bucket-creation-progress {
+        width: 290px !important;
+        margin-left: 16px;
+    }
+}
 </style>
diff --git a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue b/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
index 4aae84737..1c2e310cf 100644
--- a/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
+++ b/web/satellite/src/components/onboardingTour/OnboardingTourArea.vue
@@ -16,12 +16,19 @@ export default class OnboardingTourArea extends Vue {}
 </script>
 
 <style scoped lang="scss">
+.tour-area {
+    padding: 30px 0;
+    width: 100%;
+    height: calc(100% - 60px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+@media screen and (max-width: 760px) {
+
     .tour-area {
-        padding: 30px 0;
-        width: 100%;
-        height: calc(100% - 60px);
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+        width: 88% !important;
     }
+}
 </style>
diff --git a/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue b/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
index 627e4d850..e152aa522 100644
--- a/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
+++ b/web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
@@ -116,48 +116,56 @@ export default class OverviewStep extends Vue {
 </script>
 
 <style scoped lang="scss">
-    .overview-area {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+.overview-area {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-family: 'font_regular', sans-serif;
+
+    &__title {
+        font-family: 'font_bold', sans-serif;
+        color: #14142b;
+        font-size: 32px;
+        line-height: 39px;
+        margin-bottom: 12.5px;
+    }
+
+    &__subtitle {
         font-family: 'font_regular', sans-serif;
+        font-weight: 400;
+        text-align: center;
+        color: #354049;
+        font-size: 16px;
+        line-height: 21px;
+    }
 
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            color: #14142b;
-            font-size: 32px;
-            line-height: 39px;
-            margin-bottom: 12.5px;
-        }
+    &__routes {
+        margin-top: 35px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-wrap: wrap;
+        column-gap: 38px;
+        row-gap: 38px;
+    }
 
-        &__subtitle {
-            font-family: 'font_regular', sans-serif;
-            font-weight: 400;
-            text-align: center;
-            color: #354049;
-            font-size: 16px;
-            line-height: 21px;
-        }
+    &__skip-button {
+        margin-top: 58px;
+        color: #b7c1ca;
+        cursor: pointer;
+        text-decoration: underline !important;
 
-        &__routes {
-            margin-top: 35px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            flex-wrap: wrap;
-            column-gap: 38px;
-            row-gap: 38px;
-        }
-
-        &__skip-button {
-            margin-top: 58px;
-            color: #b7c1ca;
-            cursor: pointer;
-            text-decoration: underline !important;
-
-            &:hover {
-                text-decoration: underline;
-            }
+        &:hover {
+            text-decoration: underline;
         }
     }
+}
+
+@media screen and (max-width: 760px) {
+
+    .overview-area {
+        width: 250px;
+        text-align: center;
+    }
+}
 </style>
diff --git a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue b/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
index d356f5d64..1d03aad2c 100644
--- a/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
+++ b/web/satellite/src/components/onboardingTour/steps/common/OverviewContainer.vue
@@ -72,68 +72,79 @@ export default class OverviewContainer extends Vue {
 </script>
 
 <style scoped lang="scss">
-    .overview-container {
-        background: #fcfcfc;
-        box-shadow: 0 0 32px rgb(0 0 0 / 4%);
-        border-radius: 20px;
-        font-family: 'font_regular', sans-serif;
-        padding: 52px;
-        max-width: 394px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+.overview-container {
+    background: #fcfcfc;
+    box-shadow: 0 0 32px rgb(0 0 0 / 4%);
+    border-radius: 20px;
+    font-family: 'font_regular', sans-serif;
+    padding: 52px;
+    max-width: 394px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 
-        &__img {
-            min-height: 83px;
-        }
+    &__img {
+        min-height: 83px;
+    }
 
-        &__enc {
-            font-family: 'font_bold', sans-serif;
-            font-size: 14px;
-            line-height: 36px;
-            letter-spacing: 1px;
-            color: #14142a;
-            margin-bottom: 10px;
-            text-transform: uppercase;
-        }
+    &__enc {
+        font-family: 'font_bold', sans-serif;
+        font-size: 14px;
+        line-height: 36px;
+        letter-spacing: 1px;
+        color: #14142a;
+        margin-bottom: 10px;
+        text-transform: uppercase;
+    }
 
-        &__title {
-            font-family: 'font_bold', sans-serif;
-            font-size: 26px;
-            line-height: 31px;
-            letter-spacing: 1px;
-            color: #131621;
-            margin-bottom: 14px;
-        }
+    &__title {
+        font-family: 'font_bold', sans-serif;
+        font-size: 26px;
+        line-height: 31px;
+        letter-spacing: 1px;
+        color: #131621;
+        margin-bottom: 14px;
+    }
 
-        &__info {
-            margin-bottom: 25px;
-            font-size: 16px;
-            line-height: 21px;
-            text-align: center;
+    &__info {
+        margin-bottom: 25px;
+        font-size: 16px;
+        line-height: 21px;
+        text-align: center;
+        color: #354049;
+    }
+
+    &__encryption-container {
+        width: calc(100% - 48px);
+        padding: 12px 24px;
+        background: #fec;
+        border-radius: 8px;
+        margin-top: 37px;
+        font-size: 16px;
+        line-height: 24px;
+        color: #354049;
+        text-align: center;
+
+        &__link {
+            text-decoration: underline !important;
+            text-underline-position: under;
             color: #354049;
-        }
 
-        &__encryption-container {
-            width: calc(100% - 48px);
-            padding: 12px 24px;
-            background: #fec;
-            border-radius: 8px;
-            margin-top: 37px;
-            font-size: 16px;
-            line-height: 24px;
-            color: #354049;
-            text-align: center;
-
-            &__link {
-                text-decoration: underline !important;
-                text-underline-position: under;
+            &:visited {
                 color: #354049;
-
-                &:visited {
-                    color: #354049;
-                }
             }
         }
     }
+}
+
+@media screen and (max-width: 760px) {
+
+    .overview-container {
+        width: 250px;
+    }
+
+    .overview-container__title {
+        text-align: center;
+    }
+}
 </style>