diff --git a/app/components/Article/KeepGoing/index.tsx b/app/components/Article/KeepGoing/index.tsx
index 9467c9a5..6ad390ee 100644
--- a/app/components/Article/KeepGoing/index.tsx
+++ b/app/components/Article/KeepGoing/index.tsx
@@ -22,7 +22,7 @@ const NextArticle = ({section, next, first}: NextArticleProps) =>
         {first ? 'Start' : 'Continue'} with the {first ? 'first' : 'next'} article in "
         {section?.title}"
       </div>
-      <div className={`${styles.container} flex-container bordered`}>
+      <div className={`${styles.container} flex-container bordered ${styles.flex_dynamic}`}>
         <div className="vertically-centered white default-bold">{next.title}</div>
         <Button action={questionUrl(next)} className="primary-alt">
           {first ? 'Start' : 'Next'}
diff --git a/app/components/Article/KeepGoing/keepGoing.module.css b/app/components/Article/KeepGoing/keepGoing.module.css
index 6f9d78aa..5659a3c8 100644
--- a/app/components/Article/KeepGoing/keepGoing.module.css
+++ b/app/components/Article/KeepGoing/keepGoing.module.css
@@ -4,3 +4,14 @@
   padding: var(--spacing-32);
   margin-bottom: var(--spacing-56);
 }
+
+@media (max-width: 640px) {
+  .flex_dynamic {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-16);
+  }
+  .container {
+    padding: var(--spacing-24);
+  }
+}