diff --git a/src/routes/_components/About.tsx b/src/routes/_components/About.tsx
index bf02feb..d6ca68e 100644
--- a/src/routes/_components/About.tsx
+++ b/src/routes/_components/About.tsx
@@ -27,25 +27,24 @@ export const About = () => (
         </p>
       </div>
     </Columns>
-    <div className="mx-auto grid max-w-screen-sm place-items-center pt-32">
-      <SectionMessage variant="info">
-        <SectionMessage.Title>Feedback</SectionMessage.Title>
-        <SectionMessage.Content>
-          <p className="mb-4">
-            If you have any suggestions for patterns that we should add, or if
-            you some your own code could become a valuable addition here, we'd
-            love to hear from you!
-          </p>
-          <p>
-            Your feedback, ideas, and suggestions for improvement are always
-            welcome. Feel free to reach out to us through any of{' '}
-            <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
-              <u>our communication channels</u>
-            </Link>
-            .
-          </p>
-        </SectionMessage.Content>
-      </SectionMessage>
-    </div>
+    <Columns columns={[1, 1]} space={24} collapseAt="900px">
+      <div>
+        <h2>Feedback</h2>
+        <p>
+          If you have any suggestions for patterns that we should add, or if
+          you some your own code could become a valuable addition here, we'd
+          love to hear from you!
+        </p>
+        <p>
+          Your feedback, ideas, and suggestions for improvement are always
+          welcome. Feel free to reach out to us through any of{' '}
+          <Link href="https://www.marigold-ui.io/introduction/get-in-touch">
+            <u>our communication channels</u>
+          </Link>
+          .
+        </p>
+      </div>
+      <div></div>
+    </Columns>
   </Block>
 );