diff --git a/benefit-finder/src/shared/components/LifeEventSection/_index.scss b/benefit-finder/src/shared/components/LifeEventSection/_index.scss
index 95f33ba7d..56c321193 100644
--- a/benefit-finder/src/shared/components/LifeEventSection/_index.scss
+++ b/benefit-finder/src/shared/components/LifeEventSection/_index.scss
@@ -35,13 +35,28 @@
     min-width: rem(120px);
   }
 
-  .bf-usa-button:first-of-type {
-    margin-right: space.$space-lg-plus;
+  .bf-usa-modal-group {
+    width: 100%;
   }
 
   button,
   .bf-usa-modal-group a {
-    margin-bottom: space.$space-md;
+    margin: 0;
+  }
+
+  @media (width >= $tablet) {
+    .bf-usa-button:first-of-type {
+      margin-right: space.$space-lg-plus;
+    }
+
+    .bf-usa-modal-group {
+      width: auto;
+    }
+
+    button,
+    .bf-usa-modal-group a {
+      margin-bottom: space.$space-md;
+    }
   }
 }
 
diff --git a/benefit-finder/src/shared/styles/breakpoints/_index.scss b/benefit-finder/src/shared/styles/breakpoints/_index.scss
index 72fba38a7..630c5c788 100644
--- a/benefit-finder/src/shared/styles/breakpoints/_index.scss
+++ b/benefit-finder/src/shared/styles/breakpoints/_index.scss
@@ -1,3 +1,4 @@
 @use '../functions/index.scss' as *;
 
 $desktop: rem(1049px);
+$tablet: rem(479px);