diff --git a/pages/onbording/index.vue b/pages/onbording/index.vue
index 402e3e0..0e3ba87 100644
--- a/pages/onbording/index.vue
+++ b/pages/onbording/index.vue
@@ -1,5 +1,5 @@
 <template>
-<div>
+<div class="pb-5">
   <div class="row">
     <div class="col-12 pt-3">
       <h6 class="text-muted text-center">We are analyzing your background noise... </h6>
@@ -33,8 +33,8 @@
       </div>
     </div>
   </div>
-  <div class="row pt-5 mt-2 ">
-    <div class="col-12 text-center pt-5 mt-3 doted-nav   pb-5 mb-2">
+  <div class="row pt-0 pt-sm-5 mt-0 mt-sm-3 ">
+    <div class="col-12 text-center pt-5 mt-3  mb-2">
       <NuxtLink @click.once="increment(25)" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
       <NuxtLink @click.once="increment(50)" class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
       <NuxtLink @click.once="increment(75)" class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
diff --git a/pages/onbording/onbording2.vue b/pages/onbording/onbording2.vue
index 1817814..06088f0 100644
--- a/pages/onbording/onbording2.vue
+++ b/pages/onbording/onbording2.vue
@@ -32,8 +32,8 @@
           </div>
         </div>
       </div>
-    <div class="row pt-5 mt-2 ">
-      <div class="col-12 text-center pt-5 mt-3  doted-nav pb-5 mb-2">
+    <div class="row pt-5 mt-0 mt-sm-4 ">
+      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2">
         <NuxtLink class="btn btn-warning px-2 " @click.once="increment(25)" to="/onbording"></NuxtLink>
         <NuxtLink class="btn btn-warning px-4 mx-2" @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 " @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
diff --git a/pages/onbording/onbording3.vue b/pages/onbording/onbording3.vue
index 6356614..8ffdcd7 100644
--- a/pages/onbording/onbording3.vue
+++ b/pages/onbording/onbording3.vue
@@ -32,8 +32,8 @@
         </div>
       </div>
 
-    <div class="row pt-5 mt-2 ">
-      <div class="col-12 text-center pt-5 mt-3  position-fixed bottom-0 pb-5 mb-2">
+    <div class="row pt-5 mt-0 mt-sm-4 ">
+      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2">
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(25)"  to="/onbording"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 mx-2"  @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-4 "  @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>
diff --git a/pages/onbording/onbording4.vue b/pages/onbording/onbording4.vue
index b830339..b96f7de 100644
--- a/pages/onbording/onbording4.vue
+++ b/pages/onbording/onbording4.vue
@@ -56,7 +56,7 @@
       </div>
 
     <div class="row pt-5 mt-2 ">
-      <div class="col-12 text-center pt-5 mt-3  position-fixed bottom-0 pb-5 mb-2">
+      <div class="col-12 text-center pt-5 mt-3   pb-5 mb-2">
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(25)" to="/onbording"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 mx-2 "  @click.once="increment(50)" to="/onbording/onbording2"></NuxtLink>
         <NuxtLink class="btn btn-warning px-2 "  @click.once="increment(75)" to="/onbording/onbording3"></NuxtLink>