diff --git a/src/components/card/_card.scss b/src/components/card/_card.scss
index 21d4f1040..cdaca9b2e 100644
--- a/src/components/card/_card.scss
+++ b/src/components/card/_card.scss
@@ -63,6 +63,11 @@
     @include font-size(-1);
     color: $colour-nice-dark-grey;
     margin: rem(0 0 $spacing-x-small 0);
+
+    dd {
+      display: block;
+      margin: 0;
+    }
   }
 
   &__summary {
diff --git a/src/components/card/card.njk b/src/components/card/card.njk
index bb44dc5e7..ec0a74be6 100644
--- a/src/components/card/card.njk
+++ b/src/components/card/card.njk
@@ -17,14 +17,14 @@
 			{{ card.summary }}
 		</p>
 	{% endif %}
-	{% if card.author %}
-		<div class="card__author">
-			<span class="visually-hidden">Written by: </span>
-			{{ card.author }}
-		</div>
-	{% endif %}
-	{% if card.metadata %}
+	{% if card.metadata or card.author %}
 		<dl class="card__metadata">
+			{% if card.author %}
+				<div class="card__author">
+					<dt class="visually-hidden">Written by: </dt>
+					<dd>{{ card.author }}</dd>
+				</div>
+			{% endif %}
 			{% if card.tag %}
 				<div class="card__metadatum">
 					<dt>