diff --git a/src/ui/scss/component/_button.scss b/src/ui/scss/component/_button.scss
index 43231d628..bc0d580e0 100644
--- a/src/ui/scss/component/_button.scss
+++ b/src/ui/scss/component/_button.scss
@@ -89,6 +89,20 @@
   &:hover {
     color: $lbry-teal-5;
   }
+  
+  .markdown-preview  & {
+    height: initial;
+    vertical-align: initial;
+    color: darken($lbry-teal-5, 0.4);
+  }
+
+  [data-mode='dark'] .markdown-preview & {
+    color:  $lbry-teal-4;
+   
+    &:hover {
+      color: $lbry-teal-3;
+    }
+  }
 }
 
 .button--close {