diff --git a/stash-web/src/App.css b/stash-web/src/App.css
index 28d6d96..61c4dd3 100644
--- a/stash-web/src/App.css
+++ b/stash-web/src/App.css
@@ -103,6 +103,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--su-space-5);
+  padding-right: 4px;
   padding-bottom: var(--su-space-10);
 }
 
@@ -464,7 +465,10 @@
 .article-head {
   display: flex;
   flex-direction: column;
-  gap: var(--su-space-2);
+  align-items: center;
+  gap: var(--su-space-3);
+  padding: var(--su-space-1) 0;
+  text-align: center;
 }
 
 .article-heading {
@@ -474,10 +478,26 @@
   line-height: 1.4;
 }
 
-.article-meta-dot {
+.article-meta {
+  display: flex;
+  align-items: center;
+  font-size: var(--su-font-size-xs);
   color: var(--su-text-muted);
 }
 
+.article-meta-item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.article-meta-dot {
+  width: 3px;
+  height: 3px;
+  margin: 0 var(--su-space-2);
+  border-radius: 50%;
+  background-color: var(--su-border);
+}
+
 .article-body-card {
   overflow: hidden;
 }
diff --git a/stash-web/src/components/content/ArticleDetailView.tsx b/stash-web/src/components/content/ArticleDetailView.tsx
index 8d998cc..ac817f7 100644
--- a/stash-web/src/components/content/ArticleDetailView.tsx
+++ b/stash-web/src/components/content/ArticleDetailView.tsx
@@ -39,20 +39,16 @@ export function ArticleDetailView({ article, categoryTitle, onBack }: ArticleDet
           </button>
         </Title>
 
-        <Space gap="sm" wrap>
+        <div className="article-meta">
           {meta.map((text, index) => (
-            <Space gap="sm" key={text}>
-              {index > 0 && (
-                <span className="article-meta-dot" aria-hidden="true">
-                  ·
-                </span>
-              )}
-              <Text size="sm" tone="muted">
+            <span className="article-meta-item" key={text}>
+              {index > 0 && <i className="article-meta-dot" aria-hidden="true" />}
+              <Text size="xs" tone="muted">
                 {text}
               </Text>
-            </Space>
+            </span>
           ))}
-        </Space>
+        </div>
       </header>
 
       <Card padding="none" className="article-body-card">