diff --git a/generate/static/css/tailwind.css b/generate/static/css/tailwind.css
index cdbd03d..1570671 100644
--- a/generate/static/css/tailwind.css
+++ b/generate/static/css/tailwind.css
@@ -679,6 +679,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
diff --git a/generate/templates/Tags.tsx b/generate/templates/Tags.tsx
index b00999f..a3bffb8 100644
--- a/generate/templates/Tags.tsx
+++ b/generate/templates/Tags.tsx
@@ -1,9 +1,9 @@
 export default function Tags({ tags }: { tags: string[] }) {
   return (
     <div className="container mx-auto">
-      <div className="flex overflow-x-auto px-8 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900">
+      <div className="flex overflow-x-auto px-4 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900">
         <button
-          className="bg-gray-800 rounded-full px-3 py-1 text-sm"
+          className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
           key="all"
           data-type="tag"
           data-tag="all"
@@ -12,7 +12,7 @@ export default function Tags({ tags }: { tags: string[] }) {
         </button>
         {tags.map((tag) => (
           <button
-            className="bg-gray-800 rounded-full px-3 py-1 text-sm hidden"
+            className="bg-gray-800 rounded-lg px-4 py-1 text-sm hidden"
             key={tag}
             data-type="tag"
             data-tag={tag}