diff --git a/src/frontend/src/pages/MainPage/index.tsx b/src/frontend/src/pages/MainPage/index.tsx
index 91ed4066d..c01e24020 100644
--- a/src/frontend/src/pages/MainPage/index.tsx
+++ b/src/frontend/src/pages/MainPage/index.tsx
@@ -133,7 +133,7 @@ export default function HomePage(): JSX.Element {
           /> */}
         </BaseModal.Header>
         <BaseModal.Content>
-          <div className="flex h-full w-full flex-wrap gap-3 overflow-auto p-4 custom-scroll">
+          <div className=" h-full w-full grid grid-cols-3 gap-3 overflow-auto p-4 custom-scroll">
             {EXAMPLES_MOCK.map((example, idx) => {
               return <UndrawCardComponent key={idx} flow={example} />;
             })}