diff --git a/src/components/Layout/Page/Page.styled.ts b/src/components/Layout/Page/Page.styled.ts
index 329cf2b0d..2843387b9 100644
--- a/src/components/Layout/Page/Page.styled.ts
+++ b/src/components/Layout/Page/Page.styled.ts
@@ -19,7 +19,9 @@ export const SPage = styled.div`
     --nav-height: 70px;
 
     overflow-y: auto;
+  }
 
+  @media ${theme.viewport.gte.md} {
     height: 100vh;
   }
 `
diff --git a/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts b/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts
index 57328205d..02ff4cf6f 100644
--- a/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts
+++ b/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts
@@ -12,19 +12,19 @@ export const SContainer = styled.div`
 
   padding-bottom: calc(80px + env(safe-area-inset-bottom));
 
-  @media ${theme.viewport.gte.md} {
-    position: fixed;
-    bottom: 16px;
-    right: 20px;
-
-    margin: 0;
-  }
-
   @media ${theme.viewport.gte.sm} {
     margin-left: auto;
     margin-right: 20px;
     right: 0px;
     bottom: 16px;
+    padding-bottom: calc(20px + env(safe-area-inset-bottom));
+  }
+
+  @media ${theme.viewport.gte.md} {
+    position: fixed;
+    bottom: 16px;
+    right: 20px;
+    margin: 0;
     padding-bottom: 0;
   }
 `