Fix for the chat box going out of bounds

src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.html

@@ -6,6 +6,7 @@
             <p>{{user}}</p>
         </div>
       </div>
+      <div class="chatbox-message-box">
         <div class="chatbox__messages" *ngFor="let m of messages">
           <div class="chatbox__messages__user-message">
             <div class="chatbox__messages__user-message--ind-message" [ngClass]="{'sender': m.chatType === ChatType.Sender, 'reciever':m.chatType === ChatType.Reciever }">
@@ -16,6 +17,7 @@
             </div>
           </div>
         </div>
+      </div>
       <div class="form">
         <input type="text" [(ngModel)]="currentMessage" placeholder="Enter your message">
         <button mat-raised-button class="add-message" (click)="addMessage()">Send</button>

src/Ombi/ClientApp/src/app/shared/chat-box/chat-box.component.scss

@@ -195,6 +195,18 @@ html,body {
 :-ms-input-placeholder {  
    color: rgba(255, 255, 255, 0.9);
 }
+.chatbox-message-box{
+  height: 90%;
+  width: 75%;
+  position: relative;
+  overflow-y: scroll;
+  display:flex; 
+  flex-direction:column-reverse;
+}
+
+.chatbox__user-list p{
+  font-size:12px;
+}
 
 // ::-webkit-scrollbar {
 // 	width: 4px;