diff --git a/packages/play-node-go/src/components/GameUI/Menu/Menu.js b/packages/play-node-go/src/components/GameUI/Menu/Menu.js
index 2a34590..3ef8e1e 100644
--- a/packages/play-node-go/src/components/GameUI/Menu/Menu.js
+++ b/packages/play-node-go/src/components/GameUI/Menu/Menu.js
@@ -1,7 +1,22 @@
 import React from "react";
+import "./Menu.scss";
 
-const Menu = ({ ...props }) => {
-  return <></>;
+const Menu = ({ showMenu, clickClose, ...props }) => {
+  const handleBackgroundClick = (e) => {
+    if (e.target.className === "Game__Menu-container") clickClose();
+  };
+
+  if (!showMenu) return <></>;
+  return (
+    <div
+      className="Game__Menu-container"
+      onClick={(e) => handleBackgroundClick(e)}
+    >
+      <div className="Game__Menu-container__Menu">
+        <button onClick={clickClose}>X</button>
+      </div>
+    </div>
+  );
 };
 
 export default Menu;
diff --git a/packages/play-node-go/src/components/GameUI/Menu/Menu.scss b/packages/play-node-go/src/components/GameUI/Menu/Menu.scss
index e69de29..3dcafc4 100644
--- a/packages/play-node-go/src/components/GameUI/Menu/Menu.scss
+++ b/packages/play-node-go/src/components/GameUI/Menu/Menu.scss
@@ -0,0 +1,16 @@
+div.Game__Menu-container {
+  background: rgba(0,0,0,0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  position: absolute;
+  width: 100vw;
+  z-index: 2;
+  
+  .Game__Menu-container__Menu {
+    background: #eef;
+    width: 80vw;
+    min-height: 20vh;
+  }
+}
\ No newline at end of file