diff --git a/components/element/TextArea.vue b/components/element/TextArea.vue
index 3c3634b..7390b05 100644
--- a/components/element/TextArea.vue
+++ b/components/element/TextArea.vue
@@ -2,6 +2,7 @@
 	<textarea
 		class="bg-secondary w-full max-w-2xl resize-none border-none outline-none placeholder:text-zinc-700 focus:outline-none"
 		v-model="data"
+		:rows="props.row"
 		:placeholder="props.placeholder"
 		@input="updateData()">
 	</textarea>
@@ -11,6 +12,7 @@
 	interface Props {
 		modelValue: string;
 		placeholder?: string;
+		row?: number;
 	}
 
 	const props = defineProps<Props>();
diff --git a/pages/notes/[id].vue b/pages/notes/[id].vue
index 2006e1d..f3ad8bb 100644
--- a/pages/notes/[id].vue
+++ b/pages/notes/[id].vue
@@ -5,7 +5,8 @@
 				@keydown.ctrl.s.prevent="submit(note)"
 				v-model="note.title"
 				placeholder="untitled"
-				class="bg-primary focus:bg-secondary text-center" />
+				rows="1"
+				class="text-center" />
 			<div class="menu">
 				<button @click="submit(note)">
 					<Icon