#header { position: fixed; top: 0; left: 0; width: 100%; list-style-type: none; margin: 0; padding: 0; background-color: #dddddd; } #header li { display: inline; } #header a { font-size: 14px; } #content { display: flex; overflow: auto; } #questBody { padding-left: 10px; padding-right: 32%; } #chatPane { height: 100%; width: 30%; right: 0; position: fixed; padding-right: 20px; display: flex; flex-direction: column; } #chatWindow { border: 1px solid #ccc; overflow: auto; flex: 1; } #messageBox { padding-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #messageTextarea { resize: none; box-sizing: border-box; } .greenText { color: green; }