fix: allow padding for container-bordering focus outlines

Author: jamiehenson

src/components/Layout/Layout.tsx

@@ -42,7 +42,7 @@ const Layout: React.FC<LayoutProps> = ({ children, pageContext }) => {
       <Header />
       <div className="flex pt-16 px-12 md:px-0 md:gap-12 lg:gap-16 xl:gap-20 justify-center">
         {leftSidebar ? <LeftSidebar /> : <div />}
-        <Container as="main" className={cn('flex-1', { 'overflow-x-auto': !isRedocPage })}>
+        <Container as="main" className={cn('flex-1 px-4 -mx-4', { 'overflow-x-auto': !isRedocPage })}>
           {leftSidebar ? <Breadcrumbs /> : <div />}
           {children}
           <Footer />