diff --git a/VIPSWeb/static/css/vipsweb.css b/VIPSWeb/static/css/vipsweb.css
index 82c958d8c3220ffc40e964eb7e95c32b9bfb1253..f9da06ca786f83e8043ce8937ca04f90476e5ab4 100644
--- a/VIPSWeb/static/css/vipsweb.css
+++ b/VIPSWeb/static/css/vipsweb.css
@@ -734,4 +734,10 @@ table.messageTable tr, table.messageTable td
 	cursor:pointer;
 }
 
+.vipsMessageContainer {
+	margin-bottom: 15px;
+	margin-top: 15px;
+	background-color: white !important;
+}
+
 
diff --git a/vips_messages/templates/messages/detail.html b/vips_messages/templates/messages/detail.html
index 8bdb388b7266340d889247860f0741f128da7ddb..3d4d6ba72d153134c182b6ae57757dcc50311e88 100644
--- a/vips_messages/templates/messages/detail.html
+++ b/vips_messages/templates/messages/detail.html
@@ -2,12 +2,16 @@
 {% load i18n %}
 {% block title%}{{ message.headline }}{%endblock%}
 {% block content %}
-{% if message.illustration_file_name %}
-<div class="messages_illustration"><img src="{{message.get_illustration_url}}" class="img-responsive"/></div>
-{% endif %}
-<h1>{{ message.heading }}</h1>
-<p class="byline">{{message.date_pub | date:"Y-m-d"}} / {{message.created_by}}</p>
-<p class="lead">{{message.lead_paragraph}}</p>
-<p>{{message.body|linebreaks}}</p>
-
+<div class="row">
+	<div class="col-md-3">&nbsp;</div>
+	<div class="col-md-9 vipsMessageContainer">	
+		{% if message.illustration_file_name %}
+		<div class="messages_illustration"><img src="{{message.get_illustration_url}}" class="img-responsive"/></div>
+		{% endif %}
+		<h1>{{ message.heading }}</h1>
+		<p class="byline">{{message.date_pub | date:"Y-m-d"}} / {{message.created_by}}</p>
+		<p class="lead">{{message.lead_paragraph}}</p>
+		<p>{{message.body|linebreaks}}</p>
+	</div>
+</div>
 {% endblock %}
\ No newline at end of file