fix: adjust search container width to align with page contents (#1105)

* fix: adjust search container width to align with page contents closes #1101 * Update GlobalSearch.module.scss
carbon-design-system · Mar 24, 2021 · c08db04 · c08db04 · vercel · Mar 24, 2021
1 parent 17947ce
commit c08db04
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/GlobalSearch/GlobalSearch.module.scss b/packages/gatsby-theme-carbon/src/components/GlobalSearch/GlobalSearch.module.scss
@@ -10,6 +10,10 @@
   color: $carbon--white-0;
   transition: max-width $duration--fast-02 $carbon--standard-easing,
     background $duration--fast-02 $carbon--standard-easing;
+
+  @include carbon--breakpoint('lg') {
+    max-width: 28rem;
+  }
 }
 
 .container.inputFocusWithin {