diff --git a/files/templates/submit.html b/files/templates/submit.html
index fb3b3ea5c..60ca6b7e0 100644
--- a/files/templates/submit.html
+++ b/files/templates/submit.html
@@ -25,7 +25,7 @@
 		<img src="{{ v.profile_url }}" class="w-8 h-8 object-cover rounded" alt="My avatar"/>
 		<div class="text-lg text-pink-600 font-bold font-heading pl-2">{{ v.username }}</div>
 	</div>
-	
+
 	<form id="submitform" action="/submit" method="post" enctype="multipart/form-data" class="flex flex-col space-y-6">
 
 		<div class="container">
@@ -34,22 +34,22 @@
 
 				<div class="col p-3 py-md-0">
 
-					<h1 class="d-none d-md-block mt-3">Create a post</h1>
-
-					<h2 class="h3 d-md-none mt-5">Create a post</h2>
+					
 
 					<div class="body">
 
-						<input type="hidden" name="formkey" value="{{v.formkey}}">
-
-						<label for="title">Post Title</label>
-
-
-						<input class="form-control" id="post-title" aria-describedby="titleHelpRegister" type="text" name="title" placeholder="Required" value="{{title}}" minlength="1" maxlength="500" required oninput="checkForRequired()">
-
-						<label class="btn btn-secondary format d-inline-block m-0" for="emoji-reply-btn-2">
-							<div id="emoji-reply-btn-2" onclick="loadEmojis('post-title')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"><i class="fas fa-smile-beam"></i></div>
-						</label>
+						<!-- Post title field section -->
+						<div class="flex flex-col">
+							<label for="post-title" class="font-bold text-lg font-heading leading-normal mb-2">Title</label>
+							<div>
+								<!-- Input field -->
+								<input class="rounded shadow-inner w-full px-2 py-1.5 text-gray-700 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" id="post-title" aria-describedby="titleHelpRegister" type="text" name="title" placeholder="rdrama.net is one of the most malevolent, cruel, coldhearted online communities you'll ever find" value="{{title}}" minlength="1" maxlength="500" required oninput="checkForRequired()">
+								<!-- Add emoji button -->
+								<button type="button" class="mt-1 text-sm text-gray-500 hover:text-gray-200" onclick="loadEmojis('post-title')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji">
+									Add emoji
+								</button>
+							</div>
+						</div>
 
 						<div id="urlblock">
 							<label for="URL" class="mt-3">URL</label>