diff --git a/app/page.tsx b/app/page.tsx
index 4ea27d4..f156029 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,7 +7,7 @@ export default async function Page() {
   const posts = await getPosts();
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 pt-6">
       <Posts posts={posts} />
     </div>
   );
diff --git a/app/posts.tsx b/app/posts.tsx
index 8ba0d65..6192675 100644
--- a/app/posts.tsx
+++ b/app/posts.tsx
@@ -12,14 +12,15 @@ const Posts: FC<PostProps> = ({ posts }) => {
   return (
     <>
       {posts.map((p) => (
-        <div className="space-y-2 text-white">
-          <p className="font-bold">{p.author.name}</p>
-          <p>{p.title}</p>
-          <div>
+        <div className="space-y-2 rounded-md border border-solid border-gray-700 p-4 text-white">
+          <p className="font-bold">@{p.author.name}</p>
+          <p className="italic">{p.title}</p>
+          <div className="markdown">
             {p.message && (
               <ReactMarkdown children={p.message} remarkPlugins={[remarkGfm]} />
             )}
           </div>
+          <small>{new Date(p.time * 1000).toLocaleString()}</small>
         </div>
       ))}
     </>
diff --git a/posts b/posts
index 727169a..83679c8 160000
--- a/posts
+++ b/posts
@@ -1 +1 @@
-Subproject commit 727169ae31de82eaafae68844b7e8189a602205d
+Subproject commit 83679c8770185b01ad187d0ba673f0989455eaeb
diff --git a/styles/globals.css b/styles/globals.css
index b5c61c9..681926f 100755
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,3 +1,15 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.markdown {
+  @apply space-y-2;
+}
+
+.markdown ul {
+  @apply pl-4;
+}
+
+.markdown li {
+  @apply list-disc;
+}