diff --git a/src/components/NavigationBar.tsx b/src/components/NavigationBar.tsx
index 30fcb70..fa7eb7f 100644
--- a/src/components/NavigationBar.tsx
+++ b/src/components/NavigationBar.tsx
@@ -110,7 +110,7 @@ export default function NavigationBar() {
     return (
       <HeaderContainer
         render={({ isSideNavExpanded, onClickSideNavExpand }: any) => (
-          <Header aria-label="IBM Platform Name">
+          <Header aria-label="IBM Platform Name" className="cds--g100">
             <SkipToContent />
             <HeaderMenuButton
               aria-label="Open menu"
diff --git a/src/index.scss b/src/index.scss
index b4c90da..7ef64a6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -3,3 +3,8 @@
 @use '@carbon/react';
 @use '@carbon/styles';
 // @include grid.flex-grid();
+
+// @use '@carbon/react/scss/colors';
+// .cds--header, a.cds--header__menu-item {
+//   background-color: colors.$gray-100;
+// }