diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index af946e3221..194f75757d 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -2440,6 +2440,10 @@ button,
   color: var(--low-interaction-foreground);
 }
 
+.theme-button {
+  margin: 0 !important;
+}
+
 .button-shadow {
   box-shadow: 0 5px 10px #88888888;
 }
diff --git a/src/UI/BigComponents/ThemeButton.svelte b/src/UI/BigComponents/ThemeButton.svelte
index 468c70e954..3f8809ba02 100644
--- a/src/UI/BigComponents/ThemeButton.svelte
+++ b/src/UI/BigComponents/ThemeButton.svelte
@@ -85,7 +85,7 @@
 </script>
 
 {#if theme.id !== personal.id || $unlockedPersonal}
-  <a class={"button w-full text-ellipsis"} href={$href}>
+  <a class={"button theme-button w-full text-ellipsis"} href={$href}>
     <img src={theme.icon} class="m-1 mr-2 block h-11 w-11 sm:m-2 sm:mr-4" alt="" />
     <span class="flex flex-col overflow-hidden text-ellipsis">
       <Tr t={title} />
diff --git a/src/index.css b/src/index.css
index 59319e214d..49247d260d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -204,6 +204,10 @@ button,
   color: var(--low-interaction-foreground);
 }
 
+.theme-button {
+  margin: 0 !important;
+}
+
 .button-shadow {
   box-shadow: 0 5px 10px #88888888;
 }