diff --git a/client/SkribblMenu.js b/client/SkribblMenu.js
index 200b10cfb3c2e65583eb83ad63935b95d07a1d05..2076f534117063d9468e9a6782ca8a941c4b6d0b 100644
--- a/client/SkribblMenu.js
+++ b/client/SkribblMenu.js
@@ -13,9 +13,24 @@ export default class SkribblMenu extends HTMLElement {
 					border-radius: 10px;
 					padding: 15px;
 				}
+				.characterSelector {
+					color: red;
+					margin: auto;
+					text-align: center
+					display:inline-block;
+				}
+				#ColorButtons{
+					text-align: center
+				}
 			</style>
-			<input type="text">
+			<div class="w3-container" id="ColorButtons"> 
+			<button class="characterSelector">&#8592</button>
+			<img alt="CharacterLook">
+			<button class="characterSelector">&#8594</button>
+			</div>
+			<input type="text" placeholder="Your Name">
 			<button>Play</button>
+
 		`;
 		this._nameInput = this.shadowRoot.querySelector("input");
 		this._playButton = this.shadowRoot.querySelector("button");