change header columns elements in airwatch

my-workspace/projects/sae-lib/src/styles/_layout_demo.scss

@@ -50,8 +50,8 @@
   }
 
   #newChatBar {
-    margin-top: 24px;
-    margin-bottom: 16px;
+    margin: 20px 0;
+
 
     .is-expanded-left & .column-conversation {
       width: variables.$large-column-panel;
@@ -75,11 +75,24 @@
   }
 
   .new-chat-title {
-    //text-align: left;
+    text-align: left;
     font-size: 20px;
     font-weight: 600;
     width: 100%;
     display: block;
+
+    .chips {
+
+    }
+
+    .title {
+      float: left;
+    }
+
+    .action {
+      float: right;
+      margin-top: -1.75em;
+    }
   }
 
   .search-button {
@@ -253,10 +266,12 @@
   .chat-column {
 
     min-width: 1000px;
+
   }
 
   .chatbot-container-box {
-    margin-right: 100px;
+    margin-top: 38px;
+    margin-right: 84px;
   }
 
   .conversation-title {
@@ -268,7 +283,7 @@
 
   .chat {
 
-    background: variables.$bg-color-chat;
+
     text-align: center;
     padding: variables.$spacing-1;
 
@@ -283,10 +298,17 @@
 
     .panel-more {
       background: variables.$bg-color-chat;
-      padding-top: 0 !important;
-
       width: 0;
       display: none;
+      padding-top: 24px;
+
+
+      .export-chat-button {
+        margin-top: 16px;
+        margin-bottom: 16px;
+        float: right;
+        display: inline-block;
+      }
 
       .is-expanded-right & {
         width: variables.$large-column-panel !important;
@@ -309,8 +331,10 @@
     }
 
     .main-conversation-container {
-      margin-right: 16px;
+      //margin-right: 16px;
       padding-top: 88px;
+      border-radius: 10px;
+      background: variables.$bg-color-chat;
     }
 
     .app-theme-light & {
@@ -405,9 +429,14 @@
     padding-top: 0;
 
     &.panel-more {
+      width: 0px;
+      display: none;
+      margin-top: 16px;
+
       &.expanded {
-        width: 300px;
-        flex-basis: 300px;
+        width: 516px;
+        flex-basis: 516px;
+        display: block;
       }
     }
   }