diff --git a/components/Content/Content.js b/components/Content/Content.js
index 55503c901..82c7ba0e0 100644
--- a/components/Content/Content.js
+++ b/components/Content/Content.js
@@ -2,7 +2,6 @@ import { cloneElement } from 'react';
 import { array, bool, oneOf, string } from 'prop-types';
 import Container from 'components/Container/Container';
 import Heading from 'components/Heading/Heading';
-import styles from './Content.module.css';
 
 Content.propTypes = {
   backgroundImageSource: string,
@@ -45,7 +44,7 @@ function Content({
     >
       {title && <Heading text={title} hasTitleUnderline={hasTitleUnderline} headingLevel={3} />}
 
-      <div className={styles.columnsContainer}>
+      <div className="flex justify-center items-center flex-wrap w-full [&>*]:m-4">
         {/* eslint-disable-next-line react/no-array-index-key */}
         {columns.map((column, index) => cloneElement(column, { key: index }))}
       </div>
diff --git a/components/Content/Content.module.css b/components/Content/Content.module.css
deleted file mode 100644
index d38bf1be9..000000000
--- a/components/Content/Content.module.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.Content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin: 1rem auto;
-}
-
-.columnsContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  width: 100%;
-}
-
-/* the individual columns */
-.columnsContainer > * {
-  margin: 1rem;
-}
diff --git a/components/Content/__tests__/__snapshots__/Content.test.js.snap b/components/Content/__tests__/__snapshots__/Content.test.js.snap
index 119d847ba..5afc72a29 100644
--- a/components/Content/__tests__/__snapshots__/Content.test.js.snap
+++ b/components/Content/__tests__/__snapshots__/Content.test.js.snap
@@ -39,7 +39,7 @@ exports[`Content should render with many props assigned 1`] = `
       </h3>
     </div>
     <div
-      className="columnsContainer"
+      className="flex justify-center items-center flex-wrap w-full [&>*]:m-4"
     >
       <div>
         <p>
@@ -65,7 +65,7 @@ exports[`Content should render with required props 1`] = `
     className="content"
   >
     <div
-      className="columnsContainer"
+      className="flex justify-center items-center flex-wrap w-full [&>*]:m-4"
     >
       <div>
         <p>