diff --git a/components/layouts/flex.js b/components/layouts/flex.js
index c4d158c5f..714a4086b 100644
--- a/components/layouts/flex.js
+++ b/components/layouts/flex.js
@@ -1,8 +1,15 @@
 import styles from "./flex.module.css";
+import classNames from "classnames";
 
 // Simple horizontal flex container used for MDX.
-const Flex = ({ children }) => {
-  return <section className={styles.Container}>{children}</section>;
+const Flex = ({ wrap = false, children }) => {
+  return (
+    <section
+      className={classNames(styles.Container, wrap ? styles.wrapContainer : "")}
+    >
+      {children}
+    </section>
+  );
 };
 
 export default Flex;
diff --git a/components/layouts/flex.module.css b/components/layouts/flex.module.css
index 3940af968..ea81db8e2 100644
--- a/components/layouts/flex.module.css
+++ b/components/layouts/flex.module.css
@@ -1,3 +1,11 @@
 .Container {
-  @apply flex flex-col lg:flex-row;
+  @apply flex flex-col lg:flex-row text-gray-90;
+}
+
+:global(.dark) .Container {
+  @apply text-gray-40;
+}
+
+.wrapContainer {
+  @apply flex-wrap flex-row;
 }
diff --git a/content/deploy/community-cloud/status-and-limitations.md b/content/deploy/community-cloud/status-and-limitations.md
index abf22f369..ee5b0296a 100644
--- a/content/deploy/community-cloud/status-and-limitations.md
+++ b/content/deploy/community-cloud/status-and-limitations.md
@@ -62,7 +62,7 @@ If you need to whitelist IP addresses for a connection, Community Cloud is curre
 
 </Warning>
 
-<div style={{ display: "flex", flexWrap: "wrap", flexDirection: "row", alignItems: "start" }}>
+<Flex wrap >
     <div style={{ width: "150px" }}>35.230.127.150</div>
     <div style={{ width: "150px" }}>35.203.151.101</div>
     <div style={{ width: "150px" }}>34.19.100.134</div>
@@ -81,7 +81,7 @@ If you need to whitelist IP addresses for a connection, Community Cloud is curre
     <div style={{ width: "150px" }}>35.227.190.87</div>
     <div style={{ width: "150px" }}>35.199.156.97</div>
     <div style={{ width: "150px" }}>34.82.135.155</div>
-</div>
+</Flex>
 
 ## Other limitations