diff --git a/pages/team.tsx b/pages/team.tsx
index bccc01b6e..a73917cb9 100644
--- a/pages/team.tsx
+++ b/pages/team.tsx
@@ -4,6 +4,7 @@ import { s3 } from 'common/constants/urls';
 import Content from 'components/Content/Content';
 import FlatCard from 'components/Cards/FlatCard/FlatCard';
 import styles from 'styles/team.module.css';
+import Script from "next/script";
 import cynthiaHeadshot from 'public/static/images/cynthia.jpg';
 import glomaniHeadshot from 'public/static/images/glomani.jpg';
 
@@ -61,6 +62,51 @@ const boardMembers = [
 
 export default function Team() {
   return (
+    <>
+      <Script strategy="afterInteractive">
+        {`
+          function setMaxHeightByRow() {
+              const elements = document.querySelectorAll('div.team_teamMembers__lbhpy article');
+              const rows = new Map();
+
+              elements.forEach(e => {
+                  const flexCol = e.querySelector('.flex-col');
+                  if (flexCol) {
+                      flexCol.style.marginTop = '0';
+                      flexCol.style.height = 'auto';
+                      flexCol.style.minHeight = '0';
+                  }
+              });
+
+              elements.forEach(e => {
+                  let top = e.offsetTop;
+                  if (!rows.has(top)) rows.set(top, []);
+                  rows.get(top).push(e);
+              });
+
+              rows.forEach(rowElements => {
+                  let maxHeight = Math.max(...rowElements.map(e => e.getBoundingClientRect().height));
+
+                  let topDistance = rowElements.length < 2 ? rowElements[0].querySelector('.flex-col').offsetTop : Math.max(rowElements[0].querySelector('.flex-col').offsetTop, rowElements[1].querySelector('.flex-col').offsetTop);
+                  
+                  rowElements.forEach(e => {
+                      const flexCol = e.querySelector(".flex-col");
+                      let diff = Math.abs(topDistance - flexCol.offsetTop);
+                      if (flexCol) {
+                        if (diff > 0) {
+                          flexCol.style.marginTop = \`\${diff}px\`;
+                        }
+                        flexCol.style.minHeight = \`\${maxHeight}px\`;
+                        flexCol.style.height = \`\${maxHeight}px\`;
+                      }
+                  });
+              });
+          }
+
+          setMaxHeightByRow();
+          window.addEventListener("resize", setMaxHeightByRow);
+        `}
+      </Script>
     <div className={styles.Team}>
       <Head title="Team" />
 
@@ -117,5 +163,6 @@ export default function Team() {
         ]}
       />
     </div>
+    </>
   );
 }
