diff --git a/src/components/ProfileType/profileTypeForm.scss b/src/components/ProfileType/profileTypeForm.scss
index 43cc9eba8b0d70c953585084bc42173c2eb28408..5d1d9fd54238715dbcec7d04f3e560f1d9492443 100644
--- a/src/components/ProfileType/profileTypeForm.scss
+++ b/src/components/ProfileType/profileTypeForm.scss
@@ -3,9 +3,12 @@
 
 .profile-form-container {
   color: $white;
-  margin: 1rem 1rem 0;
+  margin: 1rem 1rem 3.5rem;
   width: 100%;
   max-width: 53rem;
+  @media (min-width: $width-tablet) {
+    margin: 1rem 1rem 0;
+  }
 }
 .profile-question-label {
   font-weight: bold;
diff --git a/src/components/ProfileType/profileTypeNavigation.scss b/src/components/ProfileType/profileTypeNavigation.scss
index 6f5aa7b2dc403f6792b746a4c63db6c416894ad3..c30ad0f86caf91227c6c801ddce01e2d43f6fcae 100644
--- a/src/components/ProfileType/profileTypeNavigation.scss
+++ b/src/components/ProfileType/profileTypeNavigation.scss
@@ -1,13 +1,20 @@
 @import '../../styles/base/color';
+@import '../../styles/base/breakpoint';
 
 .profile-navigation {
   border-top: 1px solid $grey-dark;
-  position: absolute;
-  bottom: 0;
+  background: $dark-2;
+  position: fixed;
+  bottom: 3.5rem;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
+  @media (min-width: $width-tablet) {
+    background: none;
+    position: absolute;
+    bottom: 0;
+  }
   .rounded {
     border-radius: 22px;
     margin-left: 1rem;
@@ -16,7 +23,7 @@
   .disabled {
     opacity: 0.5;
   }
-  button.profile-navigation-button{
+  button.profile-navigation-button {
     max-width: 12.5rem;
     margin: 0.375rem 1rem;
     padding: 0.5rem 1rem;