remove bad global styles from Settings

carbon-app · Jul 19, 2019 · 7549651 · 7549651
1 parent 918dd52
commit 7549651
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/components/Settings.js b/components/Settings.js
@@ -460,16 +460,13 @@ class Settings extends React.PureComponent {
               flex: 0 0 96px;
               background-color: ${COLORS.DARK_GRAY};
             }
-          `}
-        </style>
-        <style jsx global>
-          {`
-            .settings-content {
+
+            .settings-bottom :global(.settings-content) {
               width: 100%;
               border-left: 2px solid ${COLORS.SECONDARY};
             }
 
-            .settings-content > div:not(:first-child) {
+            .settings-bottom :global(.settings-content > div:not(:first-child)) {
               border-top: solid 1px ${COLORS.SECONDARY};
             }
           `}