diff --git a/css/main.css b/css/main.css
index db1fb428..84f8c4d2 100644
--- a/css/main.css
+++ b/css/main.css
@@ -128,6 +128,10 @@ sup {
   text-overflow: ellipsis;
 }
 
+.pre-line {
+  white-space: pre-line;
+}
+
 /**
  * Region Definitions.
  */
diff --git a/modules/default/compliments/compliments.js b/modules/default/compliments/compliments.js
index 43ef0e9e..bfa85879 100644
--- a/modules/default/compliments/compliments.js
+++ b/modules/default/compliments/compliments.js
@@ -157,15 +157,10 @@ Module.register("compliments", {
 	getDom: function() {
 		var complimentText = this.randomCompliment();
 
+		var compliment = document.createTextNode(complimentText);
 		var wrapper = document.createElement("div");
-		wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright";
-		complimentText.split("\n").forEach(function(line, index) {
-			if (index > 0) {
-				wrapper.appendChild(document.createElement("br"));
-			}
-			wrapper.appendChild(document.createTextNode(line));
-
-		});
+		wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright pre-line";
+		wrapper.appendChild(compliment);
 
 		return wrapper;
 	},