fix: specify correct width for tags

src/components/Note.astro

@@ -20,15 +20,17 @@ const { pubDate, slug, title, tags } = Astro.props
 <style>
   .note {
     margin-bottom: 15px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
   }
   .dash {
     display: none;
   }
 
-  @media screen and (min-width: 600px) {
+  @media screen and (min-width: 700px) {
     .note {
-      display: flex;
-      gap: 6px;
+      flex-direction: row;
       margin-bottom: 5px;
     }
     .dash {

src/components/Tag.astro

@@ -13,6 +13,7 @@ const { name, slug } = Astro.props
 
 <style>
   .tag {
+    width: fit-content;
     font-size: 10px;
     background-color: #323232;
     padding: 2px 8px;