diff --git a/packages/ui/src/lib/components/post_new.svelte b/packages/ui/src/lib/components/post_new.svelte
index 2945942..fb82dd4 100644
--- a/packages/ui/src/lib/components/post_new.svelte
+++ b/packages/ui/src/lib/components/post_new.svelte
@@ -76,7 +76,7 @@
 		{/each}
 	</div>
 	<div class="post-content">
-		<Textarea bind:value={postText} placeholder="Write here..." autofocus />
+		<Textarea noHighlight bind:value={postText} placeholder="Write here..." autofocus />
 	</div>
 </div>
 
diff --git a/packages/ui/src/lib/components/textarea.svelte b/packages/ui/src/lib/components/textarea.svelte
index 84ecea4..5b17664 100644
--- a/packages/ui/src/lib/components/textarea.svelte
+++ b/packages/ui/src/lib/components/textarea.svelte
@@ -5,6 +5,7 @@
 	export let placeholder = ''
 	export let label = ''
 	export let autofocus = false
+	export let noHighlight: boolean | undefined = undefined
 
 	let placeholderHeight: number
 	let textarea: HTMLTextAreaElement
@@ -39,7 +40,7 @@
 	})
 </script>
 
-<label>
+<label class={noHighlight ? '' : 'highlight'}>
 	{label}
 	<div class="area-placeholder">
 		<div
@@ -65,7 +66,7 @@
 		background-color: transparent;
 		transition: background-color 0.2s;
 
-		&:focus-within {
+		&.highlight:focus-within {
 			background-color: var(--grey-150);
 			transition: background-color 0.2s;
 		}