diff --git a/polaris.shopify.com/content/components/navigation/footer-help.mdx b/polaris.shopify.com/content/components/navigation/footer-help.mdx
index 9a7e99ebe03..7afb270f83d 100644
--- a/polaris.shopify.com/content/components/navigation/footer-help.mdx
+++ b/polaris.shopify.com/content/components/navigation/footer-help.mdx
@@ -17,6 +17,9 @@ examples:
   - fileName: footer-help-default.tsx
     title: Default
     description: Use to direct merchants to more information related to the product or feature they’re working on.
+  - fileName: footer-help-align.tsx
+    title: Align
+    description: Control the horizontal alignment of component using the align prop.
 previewImg: /images/components/navigation/footer-help.png
 ---
 
diff --git a/polaris.shopify.com/pages/examples/footer-help-align.tsx b/polaris.shopify.com/pages/examples/footer-help-align.tsx
new file mode 100644
index 00000000000..75dfdd2caf7
--- /dev/null
+++ b/polaris.shopify.com/pages/examples/footer-help-align.tsx
@@ -0,0 +1,30 @@
+import {BlockStack, FooterHelp, Link} from '@shopify/polaris';
+import React from 'react';
+import {withPolarisExample} from '../../src/components/PolarisExampleWrapper';
+
+function FooterHelpAlignExample() {
+  return (
+    <BlockStack gap="1600">
+      <FooterHelp align="start">
+        Start{' '}
+        <Link url="https://help.shopify.com/manual/orders/fulfill-orders">
+          fulfilling orders
+        </Link>
+      </FooterHelp>
+      <FooterHelp align="center">
+        Center{' '}
+        <Link url="https://help.shopify.com/manual/orders/fulfill-orders">
+          fulfilling orders
+        </Link>
+      </FooterHelp>
+      <FooterHelp align="end">
+        End{' '}
+        <Link url="https://help.shopify.com/manual/orders/fulfill-orders">
+          fulfilling orders
+        </Link>
+      </FooterHelp>
+    </BlockStack>
+  );
+}
+
+export default withPolarisExample(FooterHelpAlignExample);