html { height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; } .ui.topic { position: absolute; top: 35px; height: 30px; margin-top:5px; width: 100%; padding:2px; } .ui.segment.chat { position: absolute; top: 65; bottom:42px; width: 80%; overflow-y: scroll; margin: 0px; } .ui.users { position: absolute; top: 65; right:0; padding:10px; margin:0px; bottom:42px; width: 20%; overflow-y: scroll; } #message { position: absolute; right: 0; bottom: 0; left: 0; padding: 2px; background-color: #efefef; text-align: center; width: 100% } #message-container { margin: 5px; display:block; } #send-message { padding:5px; width:100%; } .chat-line { font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; font-size: 14px; margin: 0px; }