diff --git a/libraries/ckeditor/ckeditor-content.css b/libraries/ckeditor/ckeditor-content.css
index 4243d146a..806e431a9 100644
--- a/libraries/ckeditor/ckeditor-content.css
+++ b/libraries/ckeditor/ckeditor-content.css
@@ -17,6 +17,32 @@
     margin: 0 !important;
 }
 
+.ck-content .admonition {
+    --accent-color: var(--card-border-color);
+    border: 1px solid var(--accent-color);
+    box-shadow: var(--card-box-shadow);
+    background: var(--card-background-color);
+    border-radius: 0.5em;
+    padding: 1em;
+    margin: 1.25em 0;
+    margin-right: 14px;
+    position: relative;
+}
+
+.ck-content .admonition p:last-child {
+    margin-bottom: 0;
+}
+
+.ck-content .admonition p, h2 {
+    margin-top: 0;
+}
+
+.ck-content .admonition.note { --accent-color: #69c7ff; }
+.ck-content .admonition.tip { --accent-color: #40c025; }
+.ck-content .admonition.important { --accent-color: #9839f7; }
+.ck-content .admonition.caution { --accent-color: #ff2e2e; }
+.ck-content .admonition.warning { --accent-color: #e2aa03; }
+
 /*
  * CKEditor 5 (v41.0.0) content styles.
  * Generated on Fri, 26 Jan 2024 10:23:49 GMT.
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index fd92d3ee8..c28735fec 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1722,7 +1722,7 @@ footer.file-footer button {
     margin: 5px;
 }
 
-body .ck-content .admonition {
+.ck-content .admonition {
     --accent-color: var(--card-border-color);
     border: 1px solid var(--accent-color);
     box-shadow: var(--card-box-shadow);