diff --git a/src/App.tsx b/src/App.tsx
index d674a02..0a72b5e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,12 +20,11 @@ function App() {
     // >
     //   <GridBoard />
     // </div>
-    <>
-      <Routes>
-        <Route path="/" element={<MainPage />} />
-        <Route path="/rules" element={<Rules />} />
-      </Routes>
-    </>
+
+    <Routes>
+      <Route path="/" element={<MainPage />} />
+      <Route path="/rules" element={<Rules />} />
+    </Routes>
   );
 }
 
diff --git a/src/components/MainPage.tsx b/src/components/MainPage.tsx
index 73c454a..6025b05 100644
--- a/src/components/MainPage.tsx
+++ b/src/components/MainPage.tsx
@@ -11,11 +11,11 @@ function MainPage() {
         <img src="src/images/logo2.png"></img>
       </div>
       <div className="btn-container">
-        <button className="btn" id="btn-play">
-          <Link to="/play" id="btn-play-link">
+        <Link to="/play" id="btn-play-link">
+          <button className="btn" id="btn-play">
             PLAY
-          </Link>
-        </button>
+          </button>
+        </Link>
         <Link to="/rules" id="btn-rules-link">
           <button className="btn" id="btn-rules">
             RULES