diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index c43ed5a7e..74738c537 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -2291,7 +2291,10 @@ blockquote {
 
 .btn-default.btn-sm:hover, .btn-default.btn-sm:focus, .btn-default.btn-sm:active .btn-default.btn-sm.active {
     	text-decoration: none;
-	z-index: 0;
+}
+
+.btn-preview, .btn-preview:hover, .btn-preview:focus, .btn-preview:active {
+	margin-right: 1px;
 }
 
 @media screen and (max-width: 767px) {
diff --git a/view/tpl/jot.tpl b/view/tpl/jot.tpl
index c4fdba0f5..2fd24d5ff 100755
--- a/view/tpl/jot.tpl
+++ b/view/tpl/jot.tpl
@@ -81,7 +81,7 @@
 				</button>
 				{{/if}}
 				{{if $preview}}
-				<button class="btn btn-default btn-sm" onclick="preview_post();return false;" title="{{$preview}}">
+				<button class="btn btn-default btn-sm btn-preview" onclick="preview_post();return false;" title="{{$preview}}">
 					<i class="icon-eye-open jot-icons" ></i>
 				</button>
 				{{/if}}