https://github.com/NodeBB/NodeBB/issues/3449

less/persona.less

@@ -16,6 +16,7 @@
 @import "outgoing";
 @import "footer";
 @import "posts_list";
+@import "register";
 
 @import "slide-menu";
 

less/register.less

@@ -0,0 +1,11 @@
+.register {
+	.tos {
+		background: @body-bg;
+		color: @text-color;
+		border: 1px solid @input-border;
+		height: 200px;
+		margin-top: 5px;
+		overflow-y: scroll;
+		padding: 15px;
+	}
+}

templates/register.tpl

@@ -1,6 +1,6 @@
 <!-- IMPORT partials/breadcrumbs.tpl -->
 
-<div class="row">
+<div class="row register">
 	<div class="{register_window:spansize}">
 		<div class="well well-lg">
 			<div class="alert alert-danger" id="register-error-notify" <!-- IF error -->style="display:block"<!-- ELSE -->style="display: none;"<!-- ENDIF error -->>
@@ -72,7 +72,7 @@
 					<div class="col-lg-8">
 						<hr />
 						<strong>[[register:terms_of_use]]</strong>
-						<textarea readonly class="form-control" rows=6>{termsOfUse}</textarea>
+						<div class="tos">{termsOfUse}</div>
 						<div class="checkbox">
 							<label>
 								<input type="checkbox" name="agree-terms" id="agree-terms"> [[register:agree_to_terms_of_use]]