diff --git a/Viewer/css/layout.less b/Viewer/css/layout.less
index f6cf53dd..cd3d3459 100755
--- a/Viewer/css/layout.less
+++ b/Viewer/css/layout.less
@@ -335,6 +335,9 @@ button:hover {
 /* general button visibility */
 .buttons .button {
 	opacity: 0.4;
+
+	/* XXX not sure about this... */
+	transition : all 0.1s ease;
 }
 .buttons:hover .button {
 	opacity: 1;
@@ -547,12 +550,12 @@ button:hover {
 }
 
 /* XXX not sure if this is the right way to go... */
-.single-image-mode .main-buttons:not(:hover),
-.single-image-mode .app-buttons:not(:hover) {
+.single-image-mode .main-buttons:not(:hover) .button,
+.single-image-mode .app-buttons:not(:hover) .button {
 	opacity: 0.1;
 }
-.slideshow-running .main-buttons:not(:hover),
-.slideshow-running .app-buttons:not(:hover) {
+.slideshow-running .main-buttons:not(:hover) .button,
+.slideshow-running .app-buttons:not(:hover) .button {
 	opacity: 0;
 }
 
diff --git a/Viewer/features/ui.js b/Viewer/features/ui.js
index cd4e9c5d..3ee46c7f 100755
--- a/Viewer/features/ui.js
+++ b/Viewer/features/ui.js
@@ -2084,9 +2084,7 @@ var ControlActions = actions.Actions({
 						.off('swiperight')
 						.off('swipeup')
 						.off('swipedown')
-						.removeData('hammer')
-				}
-			})],
+						.removeData('hammer') } })],
 
 
 	/*// XXX we are not using this....