diff --git a/DineDevineUI/src/pages/OnboardingPage.tsx b/DineDevineUI/src/pages/OnboardingPage.tsx
index dd70e9a6..6532539a 100644
--- a/DineDevineUI/src/pages/OnboardingPage.tsx
+++ b/DineDevineUI/src/pages/OnboardingPage.tsx
@@ -75,6 +75,7 @@ const OnboardingPage: React.FC<RouteComponentProps> = (props: RouteComponentProp
                             <IonInput onIonInput={(event) => updateName(event)} value={name} label="Name input" placeholder="Enter your name"></IonInput>
                         </IonItem>
                         <IonButton onClick={onSubmit} type="submit">Submit</IonButton>
+                        <div className={"bottom-spacer"}/>
                     </div>
                 </div>
             </IonContent>
diff --git a/DineDevineUI/src/pages/SelectRestaurantPage.tsx b/DineDevineUI/src/pages/SelectRestaurantPage.tsx
index ce2aaf33..b71595d8 100644
--- a/DineDevineUI/src/pages/SelectRestaurantPage.tsx
+++ b/DineDevineUI/src/pages/SelectRestaurantPage.tsx
@@ -89,6 +89,7 @@ import {RouteComponentProps} from "react-router";
                         <div className={"select-restaurant-button-section"}>
                             <IonButton onClick={onSelectRestaurantClicked} href={"/waiting"} className={"select-restaurant-button"} size="default">Looks good!</IonButton>
                         </div>
+                        <div className={"bottom-spacer"}/>
                     </div>
                 </div>
             </IonContent>
diff --git a/DineDevineUI/src/pages/pages.css b/DineDevineUI/src/pages/pages.css
index aa74c299..b540a565 100644
--- a/DineDevineUI/src/pages/pages.css
+++ b/DineDevineUI/src/pages/pages.css
@@ -115,4 +115,9 @@
 .image:hover {
     transition: all 150ms ease-in;
     filter: brightness(90%);
+}
+
+.bottom-spacer {
+    height: 2rem;
+}
 }
\ No newline at end of file