diff --git a/cryptide_project/src/Pages/Lobby.css b/cryptide_project/src/Pages/Lobby.css
index 5aed52c..546a806 100644
--- a/cryptide_project/src/Pages/Lobby.css
+++ b/cryptide_project/src/Pages/Lobby.css
@@ -41,4 +41,17 @@
     margin: 20px;
 }
 
+.codeDiv{
+    display: flex;
+    align-items: end;
+    justify-content: end;
+    margin: auto 20px;
+}
 
+.codeDiv p{
+    font-style: italic;
+    font-weight: bold;
+    color: gray;
+    font-size: 20px;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/cryptide_project/src/Pages/Lobby.tsx b/cryptide_project/src/Pages/Lobby.tsx
index aea8d22..9e40a5a 100644
--- a/cryptide_project/src/Pages/Lobby.tsx
+++ b/cryptide_project/src/Pages/Lobby.tsx
@@ -21,6 +21,8 @@ import PlayerItemList from '../Components/PlayerItemList'
 
 function Lobby() {
     const theme=useTheme();
+    
+    const [codeShowed, setCodeShowed] = useState(true);
 
     const players = [
         { pdp: Person, name: "Dummy (vous)", id: 1 },
@@ -37,6 +39,15 @@ function Lobby() {
         <div className='lobby-container'>
             <div className='left-part'>
                 <div className='player-board'>
+                    <div className='codeDiv' onClick={() => setCodeShowed(!codeShowed)}>
+                        {
+                            codeShowed ? (
+                                <p>Room : 63194</p>
+                            ) : (
+                                <p>Room : ******</p>
+                            )
+                        }
+                    </div>
                     {/* //! voir pour la gestion avec un liste, utilisateur avec le "+ (vous)" et les pdp avec les lettres grecs (?)*/}
                     {players.map((player) => (
                         <PlayerItemList key={player.id} pdp={player.pdp} name={player.name} id={player.id} />