diff --git a/packages/cxl-lumo-styles/scss/global.scss b/packages/cxl-lumo-styles/scss/global.scss
index 8de7a6c80..4b5d9ccf7 100644
--- a/packages/cxl-lumo-styles/scss/global.scss
+++ b/packages/cxl-lumo-styles/scss/global.scss
@@ -366,3 +366,17 @@ body.theme-conversionxl-better {
     font-size: var(--lumo-font-size-l);
   }
 }
+
+/**
+ * Add spacing and typography styles to details and summary elements
+ * @see https://cxlworld.slack.com/archives/C01HXU5GGJG/p1724673491752389
+ * @since 2024.08.26
+ */
+details {
+  margin: var(--lumo-space-m) 0;
+
+  summary {
+    font-weight: 900;
+    margin-bottom: var(--lumo-space-s);
+  }
+}