diff --git a/ui/layout.css b/ui/layout.css
index 4ae608b1..df2a9bc2 100755
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -628,14 +628,14 @@ button:hover {
   box-sizing: border-box;
   border-radius: 50%;
   background: blue;
-  left: -15;
+  left: -25;
 }
 .marks-visible.single-image-mode.viewer .mark:after {
   display: none;
 }
 .mark.bookmark:after {
   background: yellow;
-  left: -25;
+  left: -15;
 }
 /****************************************************** Image info ***/
 .inline-image-info {
diff --git a/ui/layout.less b/ui/layout.less
index 6bbdeeb6..81f19903 100755
--- a/ui/layout.less
+++ b/ui/layout.less
@@ -708,7 +708,7 @@ button:hover {
 
 
 	background: blue;
-	left: -15;
+	left: -25;
 }
 .marks-visible.single-image-mode.viewer .mark:after {
 	display: none;
@@ -716,7 +716,7 @@ button:hover {
 
 .mark.bookmark:after {
 	background: yellow;
-	left: -25;
+	left: -15;
 }