diff --git a/app/assets/stylesheets/components/forms.scss b/app/assets/stylesheets/components/forms.scss
index 15538ca4f..ec47b5d97 100644
--- a/app/assets/stylesheets/components/forms.scss
+++ b/app/assets/stylesheets/components/forms.scss
@@ -71,12 +71,13 @@
 // Checkboxes, Radios
 .crayons-checkbox,
 .crayons-radio {
+  @extend %form-styling;
   width: 1.125em;
   height: 1.125em;
   cursor: pointer;
   background-position: center center;
   vertical-align: middle;
-  @extend %form-styling;
+  flex-shrink: 0;
 
   &:hover {
     @extend %form-styling-hover;
diff --git a/app/assets/stylesheets/preact/onboarding-modal.scss b/app/assets/stylesheets/preact/onboarding-modal.scss
index e9c2fa26e..ce7ccf33a 100644
--- a/app/assets/stylesheets/preact/onboarding-modal.scss
+++ b/app/assets/stylesheets/preact/onboarding-modal.scss
@@ -376,9 +376,13 @@
   }
 
   .introduction-title {
-    font-size: var(--fs-5xl);
+    font-size: var(--fs-3xl);
     font-weight: var(--fw-heavy);
     line-height: var(--lh-tight);
+
+    @media (min-width: $breakpoint-s) {
+      font-size: var(--fs-5xl);
+    }
   }
 
   .introduction-subtitle {
diff --git a/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap b/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
index fde3d959b..7476eb8ed 100644
--- a/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
+++ b/app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
@@ -91,7 +91,7 @@ preact-render-spy (1 nodes)
 -------
 <main class="onboarding-body">
   <div class="onboarding-main crayons-modal">
-    <div class="crayons-modal__box">
+    <div class="crayons-modal__box overflow-auto">
       <nav class="onboarding-navigation">
         <div class="navigation-content">
           <div class="back-button-container">
@@ -201,7 +201,7 @@ preact-render-spy (1 nodes)
 -------
 <main class="onboarding-body">
   <div class="onboarding-main crayons-modal">
-    <div class="crayons-modal__box">
+    <div class="crayons-modal__box overflow-auto">
       <nav class="onboarding-navigation">
         <div class="navigation-content">
           <div class="back-button-container">
@@ -339,7 +339,7 @@ preact-render-spy (1 nodes)
 -------
 <main class="onboarding-body">
   <div class="onboarding-main introduction crayons-modal crayons-modal--m">
-    <div class="crayons-modal__box">
+    <div class="crayons-modal__box overflow-auto">
       <div class="onboarding-content">
         <figure>
           <img
diff --git a/app/javascript/onboarding/components/FollowTags.jsx b/app/javascript/onboarding/components/FollowTags.jsx
index d5ad17d82..8dc659e70 100644
--- a/app/javascript/onboarding/components/FollowTags.jsx
+++ b/app/javascript/onboarding/components/FollowTags.jsx
@@ -101,7 +101,7 @@ class FollowTags extends Component {
 
     return (
       <div className="onboarding-main crayons-modal">
-        <div className="crayons-modal__box">
+        <div className="crayons-modal__box overflow-auto">
           <Navigation
             prev={prev}
             next={this.handleComplete}
diff --git a/app/javascript/onboarding/components/FollowUsers.jsx b/app/javascript/onboarding/components/FollowUsers.jsx
index d4bf86956..af69db14e 100644
--- a/app/javascript/onboarding/components/FollowUsers.jsx
+++ b/app/javascript/onboarding/components/FollowUsers.jsx
@@ -135,7 +135,7 @@ class FollowUsers extends Component {
 
     return (
       <div className="onboarding-main crayons-modal">
-        <div className="crayons-modal__box">
+        <div className="crayons-modal__box overflow-auto">
           <Navigation
             prev={prev}
             next={this.handleComplete}
diff --git a/app/javascript/onboarding/components/IntroSlide.jsx b/app/javascript/onboarding/components/IntroSlide.jsx
index 2ad69bc8f..fc261ffd6 100644
--- a/app/javascript/onboarding/components/IntroSlide.jsx
+++ b/app/javascript/onboarding/components/IntroSlide.jsx
@@ -76,7 +76,7 @@ class IntroSlide extends Component {
     if (text) {
       return (
         <div className="onboarding-main crayons-modal crayons-modal--m">
-          <div className="crayons-modal__box">
+          <div className="crayons-modal__box overflow-auto">
             <div className="onboarding-content terms-and-conditions-wrapper">
               <button
                 type="button"
@@ -98,7 +98,7 @@ class IntroSlide extends Component {
 
     return (
       <div className="onboarding-main introduction crayons-modal crayons-modal--m">
-        <div className="crayons-modal__box">
+        <div className="crayons-modal__box overflow-auto">
           <div className="onboarding-content">
             <figure>
               <img