diff --git a/files/assets/js/core.js b/files/assets/js/core.js
index 4961851a5..82f6201bf 100644
--- a/files/assets/js/core.js
+++ b/files/assets/js/core.js
@@ -150,7 +150,7 @@ function disable(t) {
 	}, 2000);
 }
 
-function autoExpand (field) {
+function autoExpand(field) {
 	xpos=window.scrollX;
 	ypos=window.scrollY;
 
diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index e19392c2f..d8b0f6b61 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -11,7 +11,7 @@
 					<div class="w-lg-100">
 						<form id="profile-settings-css" action="/settings/css" method="post">
 							<input type="hidden" name="formkey" value="{{v.formkey}}">
-							<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom CSS" rows="50" name="css" form="profile-settings-css" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
+							<textarea autocomplete="off" class="form-control rounded" id="css-textarea" aria-label="With textarea" placeholder="Custom CSS" rows="3" name="css" form="profile-settings-css" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
 							<small>Limit of 4000 characters</small>
 							<div class="d-flex mt-2">
 								<input autocomplete="off" id="submit-btn" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
@@ -29,7 +29,7 @@
 					<div class="w-lg-100">
 						<form id="profile-settings-profilecss" action="/settings/profilecss" method="post">
 							<input type="hidden" name="formkey" value="{{v.formkey}}">
-							<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom profile CSS" rows="50" name="profilecss" form="profile-settings-profilecss" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
+							<textarea autocomplete="off" class="form-control rounded" id="profilecss-textarea" aria-label="With textarea" placeholder="Custom profile CSS" rows="3" name="profilecss" form="profile-settings-profilecss" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
 							<small>Limit of 4000 characters</small>
 							<div class="d-flex mt-2">
 								<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
@@ -41,4 +41,14 @@
 		</section>
 	</div>
 </div>
+
+<script>
+	document.addEventListener('DOMContentLoaded', function() {
+		for (const x of ['css','profilecss']) {
+			const ta = document.getElementById(`${x}-textarea`);
+			autoExpand(ta);
+		}
+	})
+</script>
+
 {% endblock %}