diff --git a/ui/layout.css b/ui/layout.css
index 292485a3..fca0086f 100755
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -1088,13 +1088,25 @@ button:hover {
   background-color: transparent;
 }
 /* image mark in single image mode... */
-.context-mode-indicators .current-image-bookmarked,
-.context-mode-indicators .current-image-marked {
-  display: none;
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked {
+  /*display: none;*/
+
+  display: inline-block;
+  opacity: 0.3;
 }
 .single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked.shown,
 .single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked.shown {
   display: inline-block;
+  opacity: 1;
+}
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):after,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):after {
+  background-color: transparent;
+}
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):hover,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):hover {
+  opacity: 0.8;
 }
 .single-ribbon-mode.viewer .global-mode-indicators .single-ribbon-mode {
   color: gray;
diff --git a/ui/layout.less b/ui/layout.less
index ea9ec819..d11210ee 100755
--- a/ui/layout.less
+++ b/ui/layout.less
@@ -1118,14 +1118,28 @@ button:hover {
 	background-color: transparent;
 }
 /* image mark in single image mode... */
-.context-mode-indicators .current-image-bookmarked,
-.context-mode-indicators .current-image-marked {
-	display: none;
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked {
+	/*display: none;*/
+	display: inline-block;
+
+	opacity: 0.3;
 }
 .single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked.shown,
 .single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked.shown {
 	display: inline-block;
+
+	opacity: 1;
 }
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):after,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):after {
+	background-color: transparent;
+}
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-bookmarked:not(.shown):hover,
+.single-image-mode.marks-visible.viewer .context-mode-indicators .current-image-marked:not(.shown):hover {
+	opacity: 0.8;
+}
+
 
 
 .single-ribbon-mode.viewer .global-mode-indicators .single-ribbon-mode {