diff --git a/src/components/Site/SiteHeader.react.js b/src/components/Site/SiteHeader.react.js
index <HASH>..<HASH> 100644
--- a/src/components/Site/SiteHeader.react.js
+++ b/src/components/Site/SiteHeader.react.js
@@ -8,7 +8,11 @@ import type { Props as AccountDropdownProps } from "../AccountDropdown/AccountDr
 export type Props = {|
   +children?: React.Node,
   /**
-   * href attributefor the logo
+   * href attribute for the logo
+   */
+  +align?: string,
+  /**
+   * header alignment
    */
   +href?: string,
   /**
@@ -34,6 +38,7 @@ export type Props = {|
 const SiteHeader = ({
   children,
   href,
+  align,
   imageURL,
   alt,
   notificationsTray: notificationsTrayFromProps,
@@ -50,7 +55,7 @@ const SiteHeader = ({
 
   return (
     <div className="header py-4">
-      <Container>
+      <Container className={align}>
         <div className="d-flex">
           {children || (
             <React.Fragment>
feat(SiteHeader): header optional alignment

Add an alignment tag for header component to put content on the center of the container