diff --git a/sass/style.scss b/sass/style.scss
index bef2d7d..165fc8c 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -37,7 +37,7 @@ main {
 	margin:0 auto 3em auto;
 		
 	h2 {
-		font-size:3em;
+		font-size: 2.5em;
 		text-align:center;
 	}
 
@@ -110,8 +110,6 @@ main {
 
 		article {
 			position: relative;
-			display:flex;
-			flex-direction:column;
 			background:$article-background;
 			border:1px solid $border;
 			border-radius:$article-border-radius;
@@ -124,19 +122,23 @@ main {
 			}
 
 			a {
-				color:$article-color;
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				color: $article-color;
 			}
 
 			h3 {
-				margin:.5em .8em;
-				text-align:center;
+				margin: 1em .8em .5em .8em;
+				text-align: center;
 			}
 
 			.date {
-				align-self:flex-end;
-				margin:.5em;
+				align-self: flex-end;
+				margin: .8rem;
 				margin-top: auto;
-				color:$article-date-color;
+				color: $article-date-color;
+				font-size: .8em;
 			}
 
 			&.chilli a::after {
diff --git a/templates/macros.html b/templates/macros.html
index 2817668..54a41f6 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -23,8 +23,8 @@
 		{% endif %}
 		{% set_global image_found = 0 %}
 		{% if recipe.title %}<h3>{{ recipe.title }}</h3>{% endif %}
+		{% if recipe.date %}<span class="date">{{ recipe.date | date(format="%d.%m.%Y") }}</span>{% endif %}
 	</a>
-	{% if recipe.date %}<span class="date">{{ recipe.date | date(format="%d.%m.%Y") }}</span>{% endif %}
 </article>
 {% endmacro print_recipe %}