diff --git a/files/templates/CHRISTMAS/modals/ModalThemePicker.html b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
index e5f60e495b..300e49b44f 100644
--- a/files/templates/CHRISTMAS/modals/ModalThemePicker.html
+++ b/files/templates/CHRISTMAS/modals/ModalThemePicker.html
@@ -11,9 +11,9 @@
 				<form id="themeTarget" action="" method="post">
 					<input type="hidden" name="formkey", value="{{v.formkey}}">
 					<!-- List of themes -->
-					<div class="flex flex-wrap -mx-4 overflow-hidden">
+					<div class="flex flex-wrap -mx-2 overflow-hidden">
 						<!-- Evergreen -->
-						<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
+						<div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
 							<input hidden name="kind" value="evergreen" type="radio" id="evergreen-theme" class="peer" onchange="changeTheme(['theme-evergreen']);">
 							<label for="evergreen-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-200 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-primary rounded-lg overflow-hidden">
 								<div class="flex flex-col w-full h-full bg-[#37523e]">
@@ -43,7 +43,7 @@
 							</label>
 						</div>
 						<!-- Iron -->
-						<div class="my-4 px-4 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
+						<div class="my-2 px-2 w-1/2 overflow-hidden lg:w-1/4 flex items-center justify-center">
 							<input hidden name="kind" value="iron" type="radio" id="iron-theme" class="peer" onchange="changeTheme(['theme-iron','dark']);">
 							<label for="iron-theme" class="flex flex-col items-center justify-center w-full h-full text-center border border-gray-200 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 peer-checked:border-primary rounded-lg overflow-hidden">
 								<div class="flex flex-col w-full h-full bg-[#3f3f46]">