diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
index 7ec4cd8960..04c8992bef 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
@@ -26,8 +26,8 @@
 	<div
 		transition:fade={{ duration: 150 }}
 		use:popperContent={{ placement: 'bottom', strategy: 'fixed' }}
-		class={`color-picker-input z-[${zIndexes.colorInput}] !text-primary`}
-		style="width: {width > 280 ? width : 280}px;"
+		class={`color-picker-input !text-primary`}
+		style="width: {width > 280 ? width : 280}px; z-index: {zIndexes.colorInput}"
 	>
 		<ColorPicker
 			bind:isOpen
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
index 6af3178d6c..513a2db8c2 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte
@@ -21,7 +21,8 @@
 
 <div
 	bind:clientWidth={width}
-	class={`absolute z-[${zIndexes.secondaryMenu}] inset-0 overflow-hidden w-full`}
+	class={`absolute inset-0 overflow-hidden w-full`}
+	style={`z-index: ${zIndexes.secondaryMenu}`}
 	class:pointer-events-none={!$secondaryMenu.isOpen}
 >
 	{#if $secondaryMenu.isOpen && $secondaryMenu.component}