diff --git a/src/web/content/dynamic/searchmysite/templates/search/results.html b/src/web/content/dynamic/searchmysite/templates/search/results.html
index c7ed3d9..433fcc3 100644
--- a/src/web/content/dynamic/searchmysite/templates/search/results.html
+++ b/src/web/content/dynamic/searchmysite/templates/search/results.html
@@ -50,9 +50,11 @@
 						<div class="search-result sms-b-72">
 							<h2 class="sms-h2 sms-b-8">
 								{% if result['contains_adverts'] %}<img src="/static/images/containsadverts44x24.gif" alt="Page contains adverts" class="float-left" style="margin-right: 4px">{% endif %}
-								{% if result['published_date'] %}<span id="result-published-date">{{ result['published_date'] }}</span>:{% endif %}
-								<a href="{{ result['url'] }}" class="result-title">{{ result['short_title'] }}</a>
+								<a href="{{ result['url'] }}" class="result-title">
+									{{ result['short_title'] }}
+								</a>
 							</h2>
+							{% if result['published_date'] %}<p id="result-published-date">{{ result['published_date'] }}</p>{% endif %}
 							<p class="sms-p3"><a href="{{ result['url'] }}" class="result-link">{{ result['id'] }}</a></p>
 							{% if result['highlight'] %}
 							<p id="result-hightlight" class="sms-p1">
diff --git a/src/web/content/static/css/letterpress.css b/src/web/content/static/css/letterpress.css
index eb4558e..c984634 100644
--- a/src/web/content/static/css/letterpress.css
+++ b/src/web/content/static/css/letterpress.css
@@ -636,6 +636,15 @@ h2.sms-h2 a:visited
     display: flex;
 }
 
+#result-published-date {
+    font-size:var(--med-font-size);
+    font-weight: normal;
+    font-style: italic;
+    color: var(--semi-dark-gray);
+    margin-top: -0.45rem;
+    margin-bottom: 0.7rem;
+}
+
 .page-item.active {
     border: 2px solid var(--dark-gray);
     border-radius: 50%;