diff --git a/src/pages/blog/tags/index.astro b/src/pages/blog/tags/index.astro
index cb0c1d2..5dc93ad 100644
--- a/src/pages/blog/tags/index.astro
+++ b/src/pages/blog/tags/index.astro
@@ -6,7 +6,7 @@ const tags = frontMatterConfig['frontMatter.taxonomy.tags'];
 ---
 
 <BlogSubpage title="tags" description="all tags of maciej's blog posts">
-  <ul id="tags">
+  <ul class="inline-list">
     {
       tags.sort().map((tag) => (
         <li>
@@ -16,16 +16,3 @@ const tags = frontMatterConfig['frontMatter.taxonomy.tags'];
     }
   </ul>
 </BlogSubpage>
-
-<style>
-  #tags {
-    margin-top: 0.25rem;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.25rem 1rem;
-  }
-
-  #tags > li::before {
-    content: '';
-  }
-</style>
diff --git a/src/styles/global.css b/src/styles/global.css
index a45df84..854d3b5 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -177,3 +177,14 @@ nav > a {
 header {
   margin: 0em 0 2em;
 }
+
+.inline-list {
+  margin-top: 0.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 1rem;
+}
+
+.inline-list > li::before {
+  content: '';
+}