diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 0ec99266e..c2cf8609b 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1214,9 +1214,9 @@ tr.turn:hover {
 
     .colour-preview-box {
       float: right;
-      width: 20px;
-      height: 20px;
-      margin: 0px;
+      width: 12px;
+      height: 12px;
+      margin: 4px 0px;
       border: 1px solid rgba(0, 0, 0, .1); 
       // add color via inline css on element: background-color: <tag value>;
     }