diff --git a/src/components/Editor/components/Sidebar.module.scss b/src/components/Editor/components/Sidebar.module.scss
new file mode 100644
index 00000000..a626b942
--- /dev/null
+++ b/src/components/Editor/components/Sidebar.module.scss
@@ -0,0 +1,3 @@
+.withMargin {
+  margin-bottom: 10px;
+}
diff --git a/src/components/Editor/components/Sidebar.tsx b/src/components/Editor/components/Sidebar.tsx
index a3b1b7e0..f7fb7415 100644
--- a/src/components/Editor/components/Sidebar.tsx
+++ b/src/components/Editor/components/Sidebar.tsx
@@ -7,6 +7,8 @@ import * as remote from '../remote'
 import { isEmpty } from '../prosemirror/helpers'
 import type { Styled } from './Layout'
 import '../styles/Sidebar.scss'
+import { clsx } from 'clsx'
+import styles from './Sidebar.module.scss'
 
 const Off = (props) => <div class="sidebar-off">{props.children}</div>
 
@@ -16,8 +18,9 @@ const Link = (
   props: Styled & { withMargin?: boolean; disabled?: boolean; title?: string; className?: string }
 ) => (
   <button
-    class={`sidebar-link${props.className ? ' ' + props.className : ''}`}
-    style={{ 'margin-bottom': props.withMargin ? '10px' : '' }}
+    class={clsx('sidebar-link', props.className, {
+      [styles.withMargin]: props.withMargin
+    })}
     onClick={props.onClick}
     disabled={props.disabled}
     title={props.title}
diff --git a/src/components/Editor/styles/Error.scss b/src/components/Editor/styles/Error.scss
index 8b777fc0..15549b81 100644
--- a/src/components/Editor/styles/Error.scss
+++ b/src/components/Editor/styles/Error.scss
@@ -17,7 +17,7 @@
 }
 
 .error pre {
-  background: var(--foreground) 19;
+  background: var(--foreground);
   border: 1px solid var(--foreground);
   white-space: pre-wrap;
   word-wrap: break-word;
diff --git a/src/components/Editor/styles/Sidebar.scss b/src/components/Editor/styles/Sidebar.scss
index be21a40a..f646f45c 100644
--- a/src/components/Editor/styles/Sidebar.scss
+++ b/src/components/Editor/styles/Sidebar.scss
@@ -86,7 +86,7 @@
 }
 
 .sidebar-label {
-  color: var(--foreground) #7f7f7f;
+  color: var(--foreground);
 
   > i {
     text-transform: none;
@@ -137,7 +137,7 @@
   }
 
   &[disabled] {
-    color: var(--foreground) 99;
+    color: var(--foreground);
     cursor: not-allowed;
   }
 
diff --git a/yarn.lock b/yarn.lock
index 21b84b9e..1e4f86f2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7595,7 +7595,12 @@ loglevel-colored-level-prefix@^1.0.0:
     chalk "^1.1.3"
     loglevel "^1.4.1"
 
-loglevel@^1.4.1:
+loglevel-plugin-prefix@^0.8.4:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/loglevel-plugin-prefix/-/loglevel-plugin-prefix-0.8.4.tgz#2fe0e05f1a820317d98d8c123e634c1bd84ff644"
+  integrity sha512-WpG9CcFAOjz/FtNht+QJeGpvVl/cdR6P0z6OcXSkr8wFJOsV2GRj2j10JLfjuA4aYkcKCNIEqRGCyTife9R8/g==
+
+loglevel@^1.4.1, loglevel@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.8.0.tgz#e7ec73a57e1e7b419cb6c6ac06bf050b67356114"
   integrity sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==