diff --git a/src/promptbox/web.gleam b/src/promptbox/web.gleam
index cef9c08..6eaeebc 100644
--- a/src/promptbox/web.gleam
+++ b/src/promptbox/web.gleam
@@ -30,21 +30,21 @@ pub fn home(posts: List(parser.Post)) {
 }
 
 pub fn individual(post: parser.Post) {
-  prompt_element(post)
+  html.div([class("container px-4 mx-auto")], [prompt_element(post)]) 
 }
 
 fn prompt_element(post: parser.Post) {
-  html.article([class("post py-8")], [
+  html.article([class("post py-8"), attribute.id(post.slug)], [
     html.h2([class("prompt_title text-center text-4xl font-bold italic mb-1")], [html.text(post.title)]),
     html.h5([class("prompt_week text-center italic text-slate-700 mb-5")], [html.text("Week " <> int.to_string(post.week))]),
     html.div([class("flex flex-col")], [
       html.article([class("prose text-left")], [
         html.div([attribute("dangerous-unescaped-html", post.post_p)], []),
-        html.cite([], [html.text("-P")]),
+        html.cite([class("text-slate-800")], [html.text("~ P")]),
       ]),
       html.article([class("prose text-right self-end")], [
         html.div([attribute("dangerous-unescaped-html", post.post_j)], []),
-        html.cite([], [html.text("-J")]),
+        html.cite([class("text-slate-800")], [html.text("~ J")]),
       ]),
     ]),
   ])