diff --git a/themes/bootstrap/scss/_navigation.scss b/themes/bootstrap/scss/_navigation.scss
index 309a3f0b92..057ecaa567 100644
--- a/themes/bootstrap/scss/_navigation.scss
+++ b/themes/bootstrap/scss/_navigation.scss
@@ -157,20 +157,21 @@
     }
 
     .dbItemControls {
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     .navItemControls {
       display: none;
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     &.activePointer .navItemControls {
-      display: inline;
+      display: block;
       opacity: 0.5;
 
       &:hover {
-        display: inline;
         opacity: 1;
       }
     }
diff --git a/themes/metro/scss/_navigation.scss b/themes/metro/scss/_navigation.scss
index efe93a8a1d..223be77d3b 100644
--- a/themes/metro/scss/_navigation.scss
+++ b/themes/metro/scss/_navigation.scss
@@ -214,20 +214,21 @@ img {
 
 #pma_navigation_tree li {
   .dbItemControls {
-    padding-#{$left}: 4px;
+    padding-#{$right}: 4px;
+    float: right;
   }
 
   .navItemControls {
     display: none;
-    padding-#{$left}: 4px;
+    padding-#{$right}: 4px;
+    float: right;
   }
 
   &.activePointer .navItemControls {
-    display: inline;
+    display: block;
     opacity: 0.5;
 
     &:hover {
-      display: inline;
       opacity: 1;
     }
   }
diff --git a/themes/original/scss/_navigation.scss b/themes/original/scss/_navigation.scss
index 76679e1d4a..0fc67292c7 100644
--- a/themes/original/scss/_navigation.scss
+++ b/themes/original/scss/_navigation.scss
@@ -166,20 +166,21 @@
     }
 
     .dbItemControls {
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     .navItemControls {
       display: none;
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     &.activePointer .navItemControls {
-      display: inline;
+      display: block;
       opacity: 0.5;
 
       &:hover {
-        display: inline;
         opacity: 1;
       }
     }
diff --git a/themes/pmahomme/scss/_navigation.scss b/themes/pmahomme/scss/_navigation.scss
index 309a3f0b92..8f16fecbde 100644
--- a/themes/pmahomme/scss/_navigation.scss
+++ b/themes/pmahomme/scss/_navigation.scss
@@ -157,23 +157,25 @@
     }
 
     .dbItemControls {
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     .navItemControls {
       display: none;
-      padding-#{$left}: 4px;
+      padding-#{$right}: 4px;
+      float: right;
     }
 
     &.activePointer .navItemControls {
-      display: inline;
+      display: block;
       opacity: 0.5;
 
       &:hover {
-        display: inline;
         opacity: 1;
       }
     }
+
   }
 
   li {