target g-subnav directly

website/components/subnav/index.jsx

@@ -5,20 +5,19 @@ import { useRouter } from 'next/router'
 export default function NomadSubnav() {
   const router = useRouter()
   return (
-    <div className="g-constrained-nav">
-      <Subnav
-        titleLink={{
-          text: 'nomad',
-          url: '/'
-        }}
-        ctaLinks={[
-          { text: 'GitHub', url: 'https://www.github.com/hashicorp/nomad' },
-          { text: 'Download', url: '/downloads' }
-        ]}
-        currentPath={router.pathname}
-        menuItemsAlign="right"
-        menuItems={subnavItems}
-      />
-    </div>
+    // Currently targeting .g-subnav in style.css to constrain subnav from full-width
+    <Subnav
+      titleLink={{
+        text: 'nomad',
+        url: '/'
+      }}
+      ctaLinks={[
+        { text: 'GitHub', url: 'https://www.github.com/hashicorp/nomad' },
+        { text: 'Download', url: '/downloads' }
+      ]}
+      currentPath={router.pathname}
+      menuItemsAlign="right"
+      menuItems={subnavItems}
+    />
   )
 }

website/components/subnav/style.css

 /* TEMPORARY - only here until all sites convert to full width nav */
 
-.g-constrained-nav {
-  position: sticky;
-  top: -1px;
-  z-index: 900;
-
+.g-subnav {
   & .g-subnav-inner {
     padding: 0 calc(50% - 1288px / 2 + 32px);