diff --git a/css/reveal.css b/css/reveal.css
index 73064815..cac8eb71 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -356,19 +356,19 @@ body {
 
 .reveal:not(.has-vertical-slides) .controls .navigate-left {
   bottom: 1.4em;
-  right: 6.4em; }
+  right: 5.5em; }
 
 .reveal:not(.has-vertical-slides) .controls .navigate-right {
   bottom: 1.4em;
-  right: 1.4em; }
+  right: 0.5em; }
 
 .reveal:not(.has-horizontal-slides) .controls .navigate-up {
   right: 1.4em;
-  bottom: 6.4em; }
+  bottom: 5em; }
 
 .reveal:not(.has-horizontal-slides) .controls .navigate-down {
   right: 1.4em;
-  bottom: 1.4em; }
+  bottom: 0.5em; }
 
 .reveal.has-dark-background .controls {
   color: #fff; }
diff --git a/css/reveal.scss b/css/reveal.scss
index 738b4772..40ba9005 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -421,21 +421,22 @@ $controlsArrowAngleActive: 36deg;
 // Adjust the layout when there are no vertical slides
 .reveal:not(.has-vertical-slides) .controls .navigate-left {
 	bottom: $controlArrowSpacing;
-	right: $controlArrowSpacing*2 + $controlArrowSize;
+	right: 0.5em + $controlArrowSpacing + $controlArrowSize;
 }
 
 .reveal:not(.has-vertical-slides) .controls .navigate-right {
 	bottom: $controlArrowSpacing;
-	right: $controlArrowSpacing;
+	right: 0.5em;
 }
 
+// Adjust the layout when there are no horizontal slides
 .reveal:not(.has-horizontal-slides) .controls .navigate-up {
 	right: $controlArrowSpacing;
-	bottom: $controlArrowSpacing*2 + $controlArrowSize;
+	bottom: $controlArrowSpacing + $controlArrowSize;
 }
 .reveal:not(.has-horizontal-slides) .controls .navigate-down {
 	right: $controlArrowSpacing;
-	bottom: $controlArrowSpacing;
+	bottom: 0.5em;
 }
 
 // Invert arrows based on background color