diff --git a/web/themes/contrib/civictheme/assets/sass/ckeditor/_ckeditor.scss b/web/themes/contrib/civictheme/assets/sass/ckeditor/_ckeditor.scss
new file mode 100644
index 0000000000..561e5ef589
--- /dev/null
+++ b/web/themes/contrib/civictheme/assets/sass/ckeditor/_ckeditor.scss
@@ -0,0 +1,15 @@
+//
+// This file contains styles for the CKEditor component in CivicTheme.
+//
+
+.ct-figure {
+  &.align-left,
+  &.align-center,
+  &.align-right {
+    display: block;
+    margin-block-start: ct-particle(2);
+    margin-block-end: ct-particle(2);
+    margin-inline-start: ct-particle-px(5);
+    margin-inline-end: ct-particle-px(5);
+  }
+}
diff --git a/web/themes/contrib/civictheme/assets/sass/theme.scss b/web/themes/contrib/civictheme/assets/sass/theme.scss
index b15ff323c1..56dfd08a41 100644
--- a/web/themes/contrib/civictheme/assets/sass/theme.scss
+++ b/web/themes/contrib/civictheme/assets/sass/theme.scss
@@ -7,3 +7,4 @@
 // These overrides will not be visible in the Storybook.
 @import 'page/page';
 @import 'header/header';
+@import 'ckeditor/ckeditor';