diff --git a/static/css/main.css b/static/css/main.css
index 511d18c..3be4dcb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -201,6 +201,12 @@ ul, ol {
 	display: none;
 }
 
+.redbox {
+	padding: 1em;
+	border-radius: 5px;
+	background-color: red;
+}
+
 @media (max-width: 755px) {
 	#main {
 		margin-top: 120px;
diff --git a/templates/activate.hamlet b/templates/activate.hamlet
index 8feaf38..6261fe6 100755
--- a/templates/activate.hamlet
+++ b/templates/activate.hamlet
@@ -1,6 +1,6 @@
 $newline always
 <div .medium>
-  <div .noscript .btn .btn-danger>You need to have Javascript enabled<br/>
+  <div .noscript .redbox>You need to have Javascript enabled<br/>
   <form .js-hidden>
     <h3>Activate your account
     <div .form-group .required>
diff --git a/templates/login.hamlet b/templates/login.hamlet
index 9e8b594..42b6726 100755
--- a/templates/login.hamlet
+++ b/templates/login.hamlet
@@ -1,6 +1,6 @@
 $newline always
 <div .medium>
-  <div .noscript .btn .btn-danger>Please enable Javascript to log in<br/>
+  <div .noscript .redbox>Please enable Javascript to log in<br/>
   <form .js-hidden>
     <h3>Login
     <div .form-group .required>