diff --git a/src/components/ArticlePost/ArticlePost.astro b/src/components/ArticlePost/ArticlePost.astro
index 2ad1992..c1d951a 100644
--- a/src/components/ArticlePost/ArticlePost.astro
+++ b/src/components/ArticlePost/ArticlePost.astro
@@ -78,6 +78,9 @@ const t = useTranslation(Astro);
 <script define:vars={{ slug }}>
 	(async () => {
 		const response = await fetch(`/api/views?slug=${slug}`, { method: "POST" });
+
+		if (!response.ok) return;
+
 		const views = await response.text();
 		const $views = document.getElementById("views");
 
diff --git a/src/components/ArticlePost/ArticlePost.scss b/src/components/ArticlePost/ArticlePost.scss
index 1f63f75..2b5741c 100644
--- a/src/components/ArticlePost/ArticlePost.scss
+++ b/src/components/ArticlePost/ArticlePost.scss
@@ -10,6 +10,7 @@
 				& span {
 					margin-left: 3.5px;
 					font-size: var(--font-size-sm);
+					color: var(--font-color-grayer);
 				}
 			}
 		}
@@ -77,9 +78,11 @@
 	.article {
 		& header {
 			& div:nth-child(1) {
-				flex-direction: column-reverse;
-				row-gap: 10px;
+				flex-direction: column;
 				align-items: flex-start;
+				& .tags {
+					margin-bottom: 15px;
+				}
 			}
 			& .heading h1 {
 				font-size: 2rem;