diff --git a/src/components/input/easymde.vue b/src/components/input/easymde.vue
index e60235624..4151bad73 100644
--- a/src/components/input/easymde.vue
+++ b/src/components/input/easymde.vue
@@ -187,6 +187,7 @@
 
 	.CodeMirror {
 		padding: 0;
+		border: 1px solid $editor-border-color;
 
 		&-lines pre {
 			margin: 0 !important;
@@ -199,6 +200,9 @@
 
 	.editor-toolbar {
 		background: #ffffff;
+		border-top: 1px solid $editor-border-color;
+		border-left: 1px solid $editor-border-color;
+		border-right: 1px solid $editor-border-color;
 
 		button {
 			svg {
diff --git a/src/styles/theme/variables.scss b/src/styles/theme/variables.scss
index 8ced53d38..bb46b8096 100644
--- a/src/styles/theme/variables.scss
+++ b/src/styles/theme/variables.scss
@@ -51,3 +51,5 @@ $hamburger-menu-icon-spacing: 1rem;
 $hamburger-menu-icon-width: 28px;
 $navbar-height: 4rem;
 $navbar-width: 17vw;
+
+$editor-border-color: #ddd;