diff --git a/UI/ThemeViewGUI.svelte b/UI/ThemeViewGUI.svelte
index fdcab69100..55a61fdc59 100644
--- a/UI/ThemeViewGUI.svelte
+++ b/UI/ThemeViewGUI.svelte
@@ -76,7 +76,7 @@
                  {selectedLayer}></Geosearch>
     </div>
   </If>
-  <div class="float-left ml-1 sm:m-2 md:m-4">
+  <div class="float-left m-1 sm:mt-2">
     <MapControlButton on:click={() => state.guistate.themeIsOpened.setData(true)}>
       <div class="flex m-0.5 mx-1 sm:mx-1 md:mx-2 items-center cursor-pointer">
         <img class="w-4 h-4 sm:w-6 sm:h-6 md:w-8 md:h-8 block mr-0.5 sm:mr-1 md:mr-2" src={layout.icon}>
diff --git a/css/index-tailwind-output.css b/css/index-tailwind-output.css
index ccfaecf549..5684c978ad 100644
--- a/css/index-tailwind-output.css
+++ b/css/index-tailwind-output.css
@@ -787,14 +787,14 @@ video {
   margin: 0.5rem;
 }
 
-.m-1 {
-  margin: 0.25rem;
-}
-
 .m-4 {
   margin: 1rem;
 }
 
+.m-1 {
+  margin: 0.25rem;
+}
+
 .m-6 {
   margin: 1.5rem;
 }
@@ -853,6 +853,14 @@ video {
   margin-top: 1.5rem;
 }
 
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.ml-1 {
+  margin-left: 0.25rem;
+}
+
 .mr-0\.5 {
   margin-right: 0.125rem;
 }
@@ -873,22 +881,18 @@ video {
   margin-left: 1rem;
 }
 
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
 .mb-24 {
   margin-bottom: 6rem;
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
 .ml-2 {
   margin-left: 0.5rem;
 }
 
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -909,10 +913,6 @@ video {
   margin-top: 2rem;
 }
 
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -1531,6 +1531,11 @@ video {
   padding: 2rem;
 }
 
+.px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -2431,18 +2436,14 @@ input {
     margin-right: 0.5rem;
   }
 
-  .md\:mr-4 {
-    margin-right: 1rem;
+  .md\:mt-5 {
+    margin-top: 1.25rem;
   }
 
   .md\:mt-4 {
     margin-top: 1rem;
   }
 
-  .md\:mt-5 {
-    margin-top: 1.25rem;
-  }
-
   .md\:flex {
     display: flex;
   }