diff --git a/src/automated-pipelines/components/AutomatedPage.tsx b/src/automated-pipelines/components/AutomatedPage.tsx
index 3625ab56689d..35fa5454e27f 100644
--- a/src/automated-pipelines/components/AutomatedPage.tsx
+++ b/src/automated-pipelines/components/AutomatedPage.tsx
@@ -11,9 +11,10 @@ import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs'
type Props = {
children: React.ReactNode
+ fullWidth?: boolean
}
-export const AutomatedPage = ({ children }: Props) => {
+export const AutomatedPage = ({ children, fullWidth }: Props) => {
const { title, intro, renderedPage, miniTocItems, product, permissions } =
useAutomatedPageContext()
@@ -23,6 +24,7 @@ export const AutomatedPage = ({ children }: Props) => {
diff --git a/src/frame/components/article/ArticleGridLayout.tsx b/src/frame/components/article/ArticleGridLayout.tsx
index f9796ff8fcdb..bbf9b4367b8f 100644
--- a/src/frame/components/article/ArticleGridLayout.tsx
+++ b/src/frame/components/article/ArticleGridLayout.tsx
@@ -12,6 +12,7 @@ type Props = {
children?: React.ReactNode
className?: string
supportPortalVaIframeProps?: SupportPortalVaIframeProps
+ fullWidth?: boolean
}
export const ArticleGridLayout = ({
intro,
@@ -20,9 +21,11 @@ export const ArticleGridLayout = ({
children,
className,
supportPortalVaIframeProps,
+ fullWidth,
}: Props) => {
+ const containerBoxStyles = fullWidth ? '' : styles.containerBox
return (
-
+
{topper && {topper}}
{intro && (
diff --git a/src/graphql/pages/explorer.tsx b/src/graphql/pages/explorer.tsx
index 3b48f2d9fe56..25e0e1902180 100644
--- a/src/graphql/pages/explorer.tsx
+++ b/src/graphql/pages/explorer.tsx
@@ -30,7 +30,7 @@ export default function GQLExplorer({
return (
-
+
{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}