diff --git a/assets/style.less b/assets/style.less
index 8d986ba3..ff847188 100644
--- a/assets/style.less
+++ b/assets/style.less
@@ -1,7 +1,7 @@
 html, body {
   scrollbar-width: thin;
   overflow: auto !important;
-  scrollbar-color: #555 #111;
+  scrollbar-color: #FF4511 #111;
   font-family: sans-serif;
 }
 
@@ -46,4 +46,53 @@ li {
 .v-autocomplete__content.v-menu__content {
   scrollbar-width: thin;
   scrollbar-color: #FF4511 #111;
+}
+
+// EVENT
+.event {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+  width: 330px;
+  max-width: 500px;
+  flex-grow: 1;
+  margin-top: .4em;
+  margin-right: .4em;
+  overflow: hidden;
+
+  .title {
+    display: block;
+    max-height: 3.3em;
+    overflow: hidden;
+    margin: 0.5rem 1rem 0.5rem 1rem;
+    // color: white;
+    border-bottom: 1px solid rgba(4,4,4,0.2);
+    font-size: 1.2em !important;
+    line-height: 1.1em;
+    font-weight: 500;
+  }
+
+  .body {
+    flex: 1 1 auto;
+  }
+
+  .img {
+    width: 100%;
+    max-height: 250px;
+    object-fit: cover;
+    object-position: top;
+  }
+
+  .place {
+    max-width: 100%;
+    span {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
 }
\ No newline at end of file
diff --git a/components/Editor.vue b/components/Editor.vue
index bce977ed..b2d353fc 100644
--- a/components/Editor.vue
+++ b/components/Editor.vue
@@ -1,5 +1,5 @@
 <template lang='pug'>
-  .editor(:class='focused')
+  .editor.grey.darken-4(:class='focused')
     .label {{label}}
     editor-menu-bar.menubar.is-hidden(:editor='editor'
       :keep-in-bounds='true' v-slot='{ commands, isActive, getMarkAttrs, focused }')
diff --git a/components/Event.vue b/components/Event.vue
index b4cebd1c..e8009b26 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -43,53 +43,4 @@ export default {
   },
   computed: mapState(['settings'])
 }
-</script>
-<style lang="less">
-.event {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  width: 330px;
-  max-width: 500px;
-  flex-grow: 1;
-  margin-top: .4em;
-  margin-right: .4em;
-  overflow: hidden;
-
-  .title {
-    display: block;
-    max-height: 3.3em;
-    overflow: hidden;
-    margin: 0.5rem 1rem 0.5rem 1rem;
-    // color: white;
-    border-bottom: 1px solid rgba(4,4,4,0.2);
-    font-size: 1.2em !important;
-    line-height: 1.1em;
-    font-weight: 500;
-  }
-
-  .body {
-    flex: 1 1 auto;
-  }
-
-  .img {
-    width: 100%;
-    max-height: 250px;
-    object-fit: cover;
-    object-position: top;
-  }
-
-  .place {
-    max-width: 100%;
-    span {
-      display: block;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  a {
-    text-decoration: none;
-  }
-}
-</style>
+</script>
\ No newline at end of file