diff --git a/assets/css/app.css b/assets/css/app.css
index 378c8f9..aa8bb37 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -3,3 +3,27 @@
 @import "tailwindcss/utilities";
 
 /* This file is for your main application CSS */
+
+.prose {
+  & > * + * {
+    margin-top: 0.5em;
+  }
+
+  ul {
+    list-style-type: disc;
+    padding-left: 1em;
+  }
+
+  a {
+    color: theme(colors.blue.600);
+    font-weight: 500;
+    text-decoration: underline;
+    text-underline-offset: 0.25em;
+    text-decoration-color: theme(colors.blue.600 / 25%);
+    transition: color 150ms;
+
+    &:hover {
+        color: theme(colors.blue.500);
+    }
+  }
+}
diff --git a/lib/chore_tracker_web/live/chore_live/show.html.heex b/lib/chore_tracker_web/live/chore_live/show.html.heex
index f63c2ed..1cbd335 100644
--- a/lib/chore_tracker_web/live/chore_live/show.html.heex
+++ b/lib/chore_tracker_web/live/chore_live/show.html.heex
@@ -24,7 +24,7 @@
   <%= if @chore.description do %>
     <div class="col-span-12">
       <p class="text-sm font-medium text-zinc-500 mb-2">Description</p>
-      <div class="text-md">
+      <div class="text-md prose">
         <%= raw(Earmark.as_html!(@chore.description)) %>
       </div>
     </div>