remove bad global styles from Settings

6 years ago · 754965198d
parent 918dd52810
commit 754965198d
1 changed files with 3 additions and 6 deletions
--- 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};
            }
          `}