diff --git a/examples/side-by-side.js b/examples/side-by-side.js
index 5f07324f80..56e67c1f42 100644
--- a/examples/side-by-side.js
+++ b/examples/side-by-side.js
@@ -57,10 +57,10 @@ keyboardInteraction.addCallback('0', function() {
   layer.setVisible(true);
 });
 keyboardInteraction.addCallback('o', function() {
-  layer.setOpacity(layer.getOpacity() - 0.1);
+  layer.setOpacity(layer.getOpacity() - 0.125);
 });
 keyboardInteraction.addCallback('O', function() {
-  layer.setOpacity(layer.getOpacity() + 0.1);
+  layer.setOpacity(layer.getOpacity() + 0.125);
 });
 keyboardInteraction.addCallback('r', function() {
   view.setRotation(0);