diff --git a/src/routes/(DefaultStyle)/[slug]/+page.svelte b/src/routes/(DefaultStyle)/[slug]/+page.svelte
index 9a0bc09..e7380ae 100644
--- a/src/routes/(DefaultStyle)/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/[slug]/+page.svelte
@@ -7,11 +7,11 @@
 <div class='contain'>
 	<div class="posts">
 		{#each data.posts as post}
-			<div class="post" class:published={!post.metadata.published}>
-					<a style='text-decoration: none;' href="../post/{post.postId}" tabindex="0">
-						<Postgrid id={post.postId} {...post.metadata}></Postgrid>
-					</a>
-				</div>
+			<div class="post" class:unpublished={!post.metadata.published}>
+				<a style='text-decoration: none;' href="../post/{post.postId}" tabindex="0">
+					<Postgrid id={post.postId} {...post.metadata}></Postgrid>
+				</a>
+			</div>
 		{/each}
 		{#if data.posts.length%4}
 			{#each Array(4-data.posts.length%4) as i}
@@ -47,7 +47,7 @@
 		overflow: hidden;
 		box-shadow: 0 0 6px #0001;
 
-		&.published {
+		&.unpublished {
 			border: solid red 3px;
 		}
 	}