fix style

src/css/injected.scss

@@ -3757,27 +3757,36 @@ div.day-empty {
   position: absolute !important;
   top: 6px !important;
   right: 6px !important;
-  z-index: 3;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
+  z-index: 3 !important;
+  box-sizing: border-box !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  width: 18px !important;
+  height: 18px !important;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  max-width: 18px !important;
+  max-height: 18px !important;
+  margin: 0 !important;
   padding: 0 !important;
-  border: 1px solid rgba(255, 255, 255, 0.22);
+  border: 1px solid rgba(255, 255, 255, 0.22) !important;
   border-radius: 9px !important;
-  background: rgba(0, 0, 0, 0.42);
-  color: white;
-  cursor: pointer;
-  font-size: 0.78rem;
-  line-height: 1;
+  background: rgba(0, 0, 0, 0.42) !important;
+  color: white !important;
+  cursor: pointer !important;
+  font-family: inherit !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  line-height: 1 !important;
+  text-align: center !important;
   opacity: 0.75;
   transition: opacity 0.15s ease, transform 0.15s ease, background 0.15s ease;
 }
 .themeOfTheMonthCardDisable:hover {
   opacity: 1;
   transform: scale(1.08);
-  background: rgba(0, 0, 0, 0.6);
+  background: rgba(0, 0, 0, 0.6) !important;
 }
 .themeOfTheMonthCardConfirm {
   position: absolute;
@@ -3792,10 +3801,15 @@ div.day-empty {
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   opacity: 0;
+  pointer-events: none;
   transition: opacity 0.16s ease;
 }
+.themeOfTheMonthCardConfirm[hidden] {
+  display: none;
+}
 .themeOfTheMonthCardConfirmVisible {
   opacity: 1;
+  pointer-events: auto;
 }
 .themeOfTheMonthCardConfirmInner {
   width: 100%;

src/interface/pages/settings/general.svelte

@@ -423,6 +423,18 @@
           {/each}
         {/if}
       </div>
+      {#if plugin.pluginId === 'global-search'}
+        {@render Setting({
+          title: "Theme of the Month",
+          description: "Show the monthly featured theme popup when a new entry is available",
+          id: 15,
+          Component: Switch,
+          props: {
+            state: !($settingsState.themeOfTheMonthDisabled ?? false),
+            onChange: (isOn: boolean) => settingsState.themeOfTheMonthDisabled = !isOn
+          }
+        })}
+      {/if}
   </div>
   {/each}
 
@@ -458,17 +470,6 @@
     }
   })}
 
-  {@render Setting({
-    title: "Theme of the Month",
-    description: "Show the monthly featured theme popup when a new entry is available",
-    id: 15,
-    Component: Switch,
-    props: {
-      state: !($settingsState.themeOfTheMonthDisabled ?? false),
-      onChange: (isOn: boolean) => settingsState.themeOfTheMonthDisabled = !isOn
-    }
-  })}
-
   {#if $settingsState.devMode}
     <div class="flex-col p-1 my-1 bg-gradient-to-br from-white rounded-xl border shadow-sm to-zinc-100 border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40">
       <div class="flex justify-between items-center px-4 py-3">