diff --git a/.changeset/wide-faq-gridlines.md b/.changeset/wide-faq-gridlines.md
new file mode 100644
index 000000000..ae1781caa
--- /dev/null
+++ b/.changeset/wide-faq-gridlines.md
@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Updated the `FAQ` gridline variant to include inline padding by default for narrow viewports.
diff --git a/packages/react/src/FAQ/FAQ.module.css b/packages/react/src/FAQ/FAQ.module.css
index bde019740..71c861f6a 100644
--- a/packages/react/src/FAQ/FAQ.module.css
+++ b/packages/react/src/FAQ/FAQ.module.css
@@ -10,11 +10,13 @@
 }
 
 .FAQ__content-wrapper--gridline {
+  padding-inline: var(--base-size-20);
   max-width: var(--brand-FAQ-maxWidth-list);
   margin: 0 auto;
 }
 
 .FAQ__heading-wrapper--gridline {
+  padding-inline: var(--base-size-20);
   border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
   margin-block-end: var(--base-size-40);
 }
@@ -69,7 +71,19 @@
   margin: 0;
 }
 
+@media screen and (min-width: 48rem) {
+  .FAQ__content-wrapper--gridline,
+  .FAQ__heading-wrapper--gridline {
+    padding-inline: var(--base-size-36);
+  }
+}
+
 @media screen and (min-width: 63.25rem) {
+  .FAQ__content-wrapper--gridline,
+  .FAQ__heading-wrapper--gridline {
+    padding-inline: 0;
+  }
+
   .FAQ__heading-wrapper--gridline {
     margin-block-end: var(--base-size-48);
   }