diff --git a/frontend/static/styles.css b/frontend/static/styles.css
index cf24f8e1..c7642090 100644
--- a/frontend/static/styles.css
+++ b/frontend/static/styles.css
@@ -209,6 +209,46 @@ body .ddoc .markdown pre {
   }
 }
 
+body .ddoc article a.context_button {
+  @apply border-none hover:bg-jsr-cyan-50;
+}
+
+body .ddoc .docEntryHeader a {
+  @apply link font-medium;
+}
+
+body .ddoc .anchorable.docEntry {
+  @apply md:text-sm mb-4 !important;
+}
+
+body .ddoc .anchorable.docEntry > .docEntryHeader {
+  @apply md:text-base;
+}
+
+body .ddoc .anchorable.docEntry > .docEntryHeader > span {
+  @apply items-baseline;
+}
+
+/* should get a better css class to target this */
+body .ddoc .anchorable.docEntry > .markdown_border {
+  @apply border-none pl-0 ml-0 max-w-prose;
+}
+
+/* should get a better css class to target this */
+body .ddoc .anchorable.example > details > .markdown_border {
+  @apply border-none pl-0 ml-0 !important;
+}
+
+/* just removing the ml-2 class from this div */
+body .ddoc section div.ml-2 {
+  @apply ml-0;
+}
+
+/* can replace the space-y-3 with space-y-2 in ddoc */
+body .ddoc section div.ml-2.space-y-3 {
+  @apply mt-2 !important;
+}
+
 body .ddoc .markdown :not(pre) > code {
   @apply bg-jsr-cyan-100/50 rounded-md;
   @apply px-1.5;