diff --git a/static/simplemde-custom.css b/static/simplemde-custom.css
index fc1ea88..cd32e2d 100644
--- a/static/simplemde-custom.css
+++ b/static/simplemde-custom.css
@@ -33,9 +33,13 @@
 .CodeMirror {
     background-color: var(--pico-background-color);
     color: var(--pico-color) !important; 
-
+    border-color: var(--pico-primary-hover) !important;
 }
 
+.editor-preview-active{
+    background: var(--pico-background-color);
+    color: var(--pico-color) !important;
+}
 
 .editor-preview-active-side {
     background: var(--pico-background-color);
@@ -43,10 +47,11 @@
     position: fixed;
     bottom: 0;
     width: 50%;
-	top: 50px;
-	right: 0;
-	z-index: 9;
-	border: 1px solid #ddd;
+    top: 50px;
+    right: 0;
+    z-index: 9;
+    border: 2px solid;
+    border-color: var(--pico-primary-hover) !important; 
 }