diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index 3eb499b96..b3d110129 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -12,10 +12,12 @@
 			<h2 class="label text-black">Custom site CSS</h2>
 			<form id="profile-settings" action="/settings/css" method="post">
 				<input type="hidden" name="formkey" value="{{v.formkey}}">
-				<textarea class="text-lg sm:text-base text-gray-100 appearance-none block w-full rounded shadow-inner p-2 bg-gray-800 border border-gray-900 hover:border-black focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" id="bio-text" aria-label="With textarea" placeholder="Custom CSS" rows="50" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
-				<small>Limit of 4000 characters</small>
-				<div class="d-flex mt-2">
-					<input id="submit-btn" class="btn btn-primary ml-auto" type="submit" value="Save">
+				<div class="rounded border border-gray-300 border-dashed bg-white w-full">
+					<textarea class="p-2 shadow-inner w-full" placeholder="i.e. .custom-class {...}" rows="36" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
+				</div>
+				<small class="block mt-2 text-gray-400">Limit of 4000 characters</small>
+				<div class="mt-4">
+					<input id="submit-btn" class="ml-auto btn btn-gray" type="submit" value="Save">
 				</div>
 			</form>
 		</div>