diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
index ba707c6aa0..1434e8f0b6 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
@@ -117,13 +117,13 @@
 								<div class="mb-2">
 									<div class="mt-1 font-semibold">{id}</div>
 									{#if $app?.css?.[type]?.[id]}
-										<span class="text-xs">style</span>
+										<span class="text-xs">Style</span>
 										<input
 											type="text"
 											on:focus={() => (isCustom[type] = true)}
 											bind:value={$app.css[type][id].style}
 										/>
-										<span class="text-xs">class</span>
+										<span class="text-xs">Tailwind classes</span>
 										<input
 											type="text"
 											on:focus={() => (isCustom[type] = true)}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index 1a692a3d8f..0cab994d7c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -173,9 +173,9 @@
 				{#each Object.entries(component.customCss ?? {}) as [key, value]}
 					<div class="mb-2">
 						<div class="mt-1 font-semibold">{key}</div>
-						<span class="text-xs">style</span>
+						<span class="text-xs">Style</span>
 						<input type="text" bind:value={value.style} />
-						<span class="text-xs">class</span>
+						<span class="text-xs">Tailwind classes</span>
 						<input type="text" bind:value={value.class} />
 					</div>
 				{/each}