diff --git a/frontend/src/lib/components/CronInput.svelte b/frontend/src/lib/components/CronInput.svelte
index 7946ebd76a..7b70f1a1f6 100644
--- a/frontend/src/lib/components/CronInput.svelte
+++ b/frontend/src/lib/components/CronInput.svelte
@@ -231,6 +231,7 @@
 										options={monthsOfYearOptions}
 										selectedOptionsDraggable={false}
 										placeholder="Every month"
+										ulOptionsClass={'!bg-surface-secondary'}
 									/>
 								</div>
 							{/if}
@@ -243,6 +244,7 @@
 										options={daysOfWeekOptions}
 										selectedOptionsDraggable={false}
 										placeholder="Every day"
+										ulOptionsClass={'!bg-surface-secondary'}
 									/>
 								</div>
 							{/if}
@@ -260,6 +262,7 @@
 												options={daysOfMonthOptions}
 												selectedOptionsDraggable={false}
 												placeholder="Every day"
+												ulOptionsClass={'!bg-surface-secondary'}
 											/>
 										</div>
 
diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
index a195238d85..203ed4454d 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
@@ -136,7 +136,7 @@
 					bind:outerDiv
 					outerDivClass={`${resolvedConfig.allowOverflow ? '' : 'h-full'}`}
 					ulSelectedClass={`${resolvedConfig.allowOverflow ? '' : 'overflow-auto max-h-full'} `}
-					ulOptionsClass={'p-2'}
+					ulOptionsClass={'p-2 !bg-surface-secondary'}
 					bind:selected={value}
 					on:change={() => {
 						outputs?.result.set([...(value ?? [])])