remove bad global styles from Settings

5 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>
+            .settings-bottom :global(.settings-content) {
        <style jsx 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};
            }
          `}