From 99b2d2d2def93a6d6c105238db7601bbb4de85d6 Mon Sep 17 00:00:00 2001
From: ayan4m1 <andrew@bulletlogic.com>
Date: Fri, 6 Sep 2024 00:39:45 -0400
Subject: [PATCH] fix mobile layout issues with Coloree

---
 src/components/coloree/colorBuilder.js | 2 +-
 src/pages/games/coloree.js             | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/coloree/colorBuilder.js b/src/components/coloree/colorBuilder.js
index 3974a34..d8c542a 100644
--- a/src/components/coloree/colorBuilder.js
+++ b/src/components/coloree/colorBuilder.js
@@ -108,7 +108,7 @@ export default function ColorBuilder({
 
   return (
     <Fragment>
-      <Col xs={12} md={6} className="me-2">
+      <Col xs={12} md={6}>
         <h2 className="mb-3">Singleplayer</h2>
         <Card body className="mb-3">
           <Card.Title>Generate a Puzzle</Card.Title>
diff --git a/src/pages/games/coloree.js b/src/pages/games/coloree.js
index e25e16e..b4ea3da 100644
--- a/src/pages/games/coloree.js
+++ b/src/pages/games/coloree.js
@@ -20,9 +20,7 @@ export default function ColoreePage() {
           </Col>
         </Row>
         <Row>
-          <Col className="d-flex">
-            <ColoreeGame />
-          </Col>
+          <ColoreeGame />
         </Row>
       </Container>
     </Layout>