diff --git a/src/routes/Join.js b/src/routes/Join.js
index 69757d9..dec4de2 100644
--- a/src/routes/Join.js
+++ b/src/routes/Join.js
@@ -34,7 +34,7 @@ function Join() {
             value={gameId || ""}
             onChange={handleChange}
           />
-          <Button>Join › (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧</Button>
+          <Button disabled={!gameId}>Join › (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧</Button>
         </Box>
       </Flex>
     </Container>