diff --git a/_layouts/default.html b/_layouts/default.html
index dbf98ffd5..06687f404 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -14,9 +14,40 @@
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     {% include head-custom.html %}
     <style>
-      .main-content blockquote {
-        border-left-color: #159957;
+      .main-content blockquote, .main-content h4 {
+        border: 0.1rem solid #155799;
+        border-radius: 0.5rem;
+        background-color: #e0ecf4;
+        padding: 1.25rem 0.75rem 0.75rem 0.75rem;
+        position: relative;
+        margin-top: 2rem;
+        color: #606c71;
+        margin-right: 0;
       }
+      .main-content blockquote::before, .main-content h4::before {
+        content: "aider";
+        display: inline-block;
+        position: absolute;
+        top: -1rem;
+        left: 0.5;
+        padding: 0rem 0.5rem;
+        font-weight: bold;
+        background-color: #e0ecf4;
+        border: 0.05rem solid #155799;
+        border-radius: 0.5rem;
+        color: #606c71;
+      }
+
+      .main-content h4 {
+        border-color: #159957;
+        background-color: #e0f2ef;
+      }
+      .main-content h4::before {
+        content: "user";
+        border-color: #159957;
+        color: #606c71;
+        background-color: #e0f2ef;
+      }     
       .btn {
         display: inline-block;
         width: auto;
diff --git a/examples/update-docs.md b/examples/update-docs.md
index 896944bfa..03dfafedd 100644
--- a/examples/update-docs.md
+++ b/examples/update-docs.md
@@ -1,6 +1,6 @@
 # Automatically update docs with aider and gpt-4
 
-> In this chat transcript, the user asks to automatically update the Usage docs based on the latest version of the main() function in the code.
+In this chat transcript, the user asks to automatically update the Usage docs based on the latest version of the main() function in the code.
 
 ## Chat transcript