diff --git a/layouts/partials/article/components/categories.html b/layouts/partials/article/components/categories.html
new file mode 100644
index 0000000..c296f35
--- /dev/null
+++ b/layouts/partials/article/components/categories.html
@@ -0,0 +1,9 @@
+{{ if .Params.categories }}
+    <section class="article-category">
+        {{ range (.GetTerms "categories") }}
+            <a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
+                {{ .LinkTitle }}
+            </a>
+        {{ end }}
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/article/components/details.html b/layouts/partials/article/components/details.html
index 5c5397b..382e310 100644
--- a/layouts/partials/article/components/details.html
+++ b/layouts/partials/article/components/details.html
@@ -1,13 +1,5 @@
 <div class="article-details">
-    {{ if .Params.categories }}
-    <header class="article-category">
-        {{ range (.GetTerms "categories") }}
-            <a href="{{ .RelPermalink }}" {{ with .Params.style }}style="background-color: {{ .background }}; color: {{ .color }};"{{ end }}>
-                {{ .LinkTitle }}
-            </a>
-        {{ end }}
-    </header>
-    {{ end }}
+    {{ partial "article/components/categories" . }}
 
     <h2 class="article-title">
         <a href="{{ .RelPermalink }}">