fix: unnest css (#390)

Co-authored-by: mparticle-automation <developers@mparticle.com>

CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.30.1-fix-css-in-nancy.2](https://github.com/mParticle/aquarium/compare/v1.30.1-fix-css-in-nancy.1...v1.30.1-fix-css-in-nancy.2) (2024-09-04)
+
+### Bug Fixes
+
+- home logo svg unnested ([3eb695b](https://github.com/mParticle/aquarium/commit/3eb695bf73aca2a2e84f3601e0a6e96422750382))
+
+## [1.30.1-fix-css-in-nancy.1](https://github.com/mParticle/aquarium/compare/v1.30.0...v1.30.1-fix-css-in-nancy.1) (2024-09-03)
+
+### Bug Fixes
+
+- unnest css ([78bc479](https://github.com/mParticle/aquarium/commit/78bc479a5bb292cc525190ad6b5ef842e846d58a))
+
 # [1.30.0](https://github.com/mParticle/aquarium/compare/v1.29.0...v1.30.0) (2024-09-03)
 
 ### Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mparticle/aquarium",
-  "version": "1.30.0",
+  "version": "1.30.1-fix-css-in-nancy.2",
   "description": "mParticle Component Library",
   "license": "Apache-2.0",
   "keywords": [

src/components/navigation/GlobalNavigation/SuiteSelector/suite-selector.css

@@ -1,7 +1,3 @@
-:root {
-  --suite-selector-content-max-width: 272px;
-}
-
 .suiteSelector__content {
   max-width: var(--suite-selector-content-max-width);
   margin-bottom: var(--margin-xs);

src/components/navigation/GlobalNavigation/global-navigation.css

@@ -6,7 +6,8 @@
   --color-scrollbar-handle: rgb(0 0 0 / 15%);
   --color-scrollbar-track: transparent;
   --size-scrollbar-handle: 6px;
-  --label-size: 10px
+  --label-size: 10px;
+  --suite-selector-content-max-width: 272px;
 }
 
 .globalNavigation {
@@ -302,10 +303,8 @@
   border-radius: 100%;
 }
 
-.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground  {
-  svg {
-    fill: var(--mp-brand-primary-7);
-  }
+.globalNavigation__suiteLogo:hover .globalNavigation__icon--suiteBackground svg {
+  fill: var(--mp-brand-primary-7);
 }
 
 .globalNavigation__icon.globalNavigation__icon--suiteLogo svg {
@@ -327,9 +326,9 @@
   background-color: black;
   color: white;
   cursor: pointer;
+}
 
-  svg {
-    width: 28px;
-    height: var(--size-lg);
-  }
+.globalNavigation__mpHome svg {
+  width: 28px;
+  height: var(--size-lg);
 }