diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 2b0c7e7cf4..b3d23dc8e5 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -3801,3 +3801,10 @@ body .ui-dialog {
 .ui-timepicker-div dl .ui_tpicker_timezone select {
   margin-left: 50px;
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 508ffcab37..ea06e4a824 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -3771,3 +3771,10 @@ body {
     float: left;
   }
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 2f972b4abc..9494c3a2b1 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -3860,3 +3860,10 @@ body .ui-dialog {
   margin-top: 4px;
   height: 0.75rem;
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}