diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3db4a2b..f5ac718 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -24,6 +24,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Move paginator from `articles.html` to `article-list.html`.
 - Tweak styling of `details`.
 
+## Fixed
+
+- Fix spacing between article heading and description in article list if badge is present.
+
 ## [5.1.0](https://codeberg.org/daudix/duckquill/compare/v5.0.0...v5.1.0)
 
 ### Added
diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index ab44361..407c820 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -19,11 +19,6 @@
 			transform: scale(1.25);
 		}
 
-		.heading {
-			display: flex;
-			justify-content: space-between;
-		}
-
 		h3 {
 			margin: 0;
 			line-height: 1;
@@ -245,7 +240,7 @@
 		.featured-badge,
 		.hot-badge,
 		.poor-badge {
-			display: inline-block;
+			float: inline-end;
 			box-shadow: var(--edge-highlight);
 			border-radius: 999px;
 			padding: 0.375rem 0.75rem;
diff --git a/templates/partials/articles.html b/templates/partials/articles.html
index 687fe30..dc347bc 100644
--- a/templates/partials/articles.html
+++ b/templates/partials/articles.html
@@ -14,39 +14,37 @@
 			{% if page.extra.featured %}featured{% endif %}
 			{% if page.extra.hot %}hot{% endif %}
 			{% if page.extra.poor %}poor{% endif %}">
-			<div class="heading">
-				<h3><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
-				{%- if page.draft %}
-					<span class="draft-badge">
-						<i class="icon"></i>
-						{{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}}
-					</span>
-				{%- endif -%}
-				{%- if page.extra.archive %}
-					<span class="archive-badge">
-						<i class="icon"></i>
-						{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
-					</span>
-				{%- endif %}
-				{%- if page.extra.featured %}
-					<span class="featured-badge">
-						<i class="icon"></i>
-						{{- macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -}}
-					</span>
-				{%- endif %}
-				{%- if page.extra.hot %}
-					<span class="hot-badge">
-						<i class="icon"></i>
-						{{- macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -}}
-					</span>
-				{%- endif %}
-				{%- if page.extra.poor %}
-					<span class="poor-badge">
-						<i class="icon"></i>
-						{{- macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -}}
-					</span>
-				{%- endif %}
-			</div>
+			{%- if page.draft %}
+				<span class="draft-badge">
+					<i class="icon"></i>
+					{{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}}
+				</span>
+			{%- endif -%}
+			{%- if page.extra.archive %}
+				<span class="archive-badge">
+					<i class="icon"></i>
+					{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
+				</span>
+			{%- endif %}
+			{%- if page.extra.featured %}
+				<span class="featured-badge">
+					<i class="icon"></i>
+					{{- macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -}}
+				</span>
+			{%- endif %}
+			{%- if page.extra.hot %}
+				<span class="hot-badge">
+					<i class="icon"></i>
+					{{- macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -}}
+				</span>
+			{%- endif %}
+			{%- if page.extra.poor %}
+				<span class="poor-badge">
+					<i class="icon"></i>
+					{{- macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -}}
+				</span>
+			{%- endif %}
+			<h3><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
 			{%- if page.description %}
 				{{ page.description | markdown | safe }}
 			{%- endif %}