diff --git a/package.json b/package.json
index bda2769..bb1b9aa 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
       "@auth0/auth0-react": "1.10.2",
       "@emotion/react": "11.7.1",
       "@emotion/styled": "11.6.0",
-      "@kingsrook/qqq-frontend-core": "1.0.63",
+      "@kingsrook/qqq-frontend-core": "1.0.64",
       "@mui/icons-material": "5.4.1",
       "@mui/material": "5.11.1",
       "@mui/styles": "5.11.1",
diff --git a/src/App.tsx b/src/App.tsx
index 98321cd..8b5c118 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -567,6 +567,7 @@ export default function App()
                   icon={branding.icon}
                   logo={branding.logo}
                   appName={branding.appName}
+                  branding={branding}
                   routes={sideNavRoutes}
                   onMouseEnter={handleOnMouseEnter}
                   onMouseLeave={handleOnMouseLeave}
diff --git a/src/qqq/components/horseshoe/sidenav/SideNav.tsx b/src/qqq/components/horseshoe/sidenav/SideNav.tsx
index 30d2251..8ac14e9 100644
--- a/src/qqq/components/horseshoe/sidenav/SideNav.tsx
+++ b/src/qqq/components/horseshoe/sidenav/SideNav.tsx
@@ -19,6 +19,7 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
+import {QBrandingMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QBrandingMetaData";
 import Box from "@mui/material/Box";
 import Divider from "@mui/material/Divider";
 import Icon from "@mui/material/Icon";
@@ -42,6 +43,7 @@ interface Props
    icon?: string;
    logo?: string;
    appName?: string;
+   branding?: QBrandingMetaData;
    routes: {
       [key: string]:
          | ReactNode
@@ -64,7 +66,7 @@ interface Props
    [key: string]: any;
 }
 
-function Sidenav({color, icon, logo, appName, routes, ...rest}: Props): JSX.Element
+function Sidenav({color, icon, logo, appName, branding, routes, ...rest}: Props): JSX.Element
 {
    const [openCollapse, setOpenCollapse] = useState<boolean | string>(false);
    const [openNestedCollapse, setOpenNestedCollapse] = useState<boolean | string>(false);
@@ -328,6 +330,12 @@ function Sidenav({color, icon, logo, appName, routes, ...rest}: Props): JSX.Elem
                </Box>
                }
             </Box>
+            {
+               branding && branding.environmentBannerText &&
+               <Box mt={2} bgcolor={branding.environmentBannerColor} borderRadius={2}>
+                  {branding.environmentBannerText}
+               </Box>
+            }
          </Box>
          <Divider
             light={