Fixed avatarContent size

public/styles.css

@@ -35,7 +35,7 @@ body {
   border-radius: 4px;
   margin-left: 8px;
   justify-content: center;
-  height: 54px;
+  height: 44px;
 }
 
 #connected-room-info:hover {

src/app.js

@@ -77,7 +77,7 @@ const onRoomConnect = (room_) => {
   const userID = HTML.userIDElem.value
 
   const avatarImage = document.createElement("svg")
-  avatarImage.innerHTML = jdenticon.toSvg(userID, 50)
+  avatarImage.innerHTML = jdenticon.toSvg(userID, 40)
   avatarImage.className = "avatar"
 
   const userAccount = document.createElement("div")