diff --git a/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx b/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
index bf190402..f904110e 100644
--- a/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
+++ b/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
@@ -7,7 +7,11 @@ interface WysiwygProps extends GessoComponent {
 }
 
 function Wysiwyg({ children, modifierClasses }: WysiwygProps): JSX.Element {
-  return <div className={clsx(modifierClasses)}>{children}</div>;
+  return (
+    <div className={clsx('c-wysiwyg u-clearfix', modifierClasses)}>
+      {children}
+    </div>
+  );
 }
 
 export default Wysiwyg;
diff --git a/services/app/source/06-utility/clearfix.css b/services/app/source/06-utility/clearfix.css
new file mode 100644
index 00000000..a0a11019
--- /dev/null
+++ b/services/app/source/06-utility/clearfix.css
@@ -0,0 +1,6 @@
+@import 'mixins';
+
+.clearfix,
+.u-clearfix {
+  @include clearfix();
+}
diff --git a/services/app/source/06-utility/index.css b/services/app/source/06-utility/index.css
index 8b79542a..0442f1c8 100644
--- a/services/app/source/06-utility/index.css
+++ b/services/app/source/06-utility/index.css
@@ -1,5 +1,6 @@
 @layer utility {
   @import 'accessibility.css';
   @import 'alignment.css';
+  @import 'clearfix.css';
   @import 'spacing.css';
 }