style on csc home

my-workspace/projects/sae-lib/alert-box/alert-box.scss

@@ -1,3 +1,5 @@
+@use '../src/styles/variables';
+
 :host {
   i {
     margin-right: 16px;

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.html

@@ -1,8 +1,8 @@
 <div class="bot-talks-container">
   <!--  bot talks land-->
   <!--  avatar-->
-  <div class="bubble">
-    <div class="message">
+  <div class="bot-talks-bubble">
+    <div class="bot-talks-message">
       {{ message }}
     </div>
     @if (documents?.length) {

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss

@@ -1,3 +1,5 @@
+@use '../../src/styles/variables';
+
 :host {
   display: flex;
   flex-direction: row;
@@ -11,10 +13,6 @@
     flex-direction: row;
     align-items: center;
 
-    .message {
-      margin-bottom: 16px;
-    }
-
 
     .dica-ref-container {
       display: flex;
@@ -46,7 +44,7 @@
     margin-top: 16px;
   }
 
-  .bubble {
+  .bot-talks-bubble {
     padding: 16px;
     border-radius: 8px;
     display: block;

my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss

@@ -66,12 +66,13 @@
 
       width: 1332px;
       height: 208px;
-      padding: 12px;
+
       overflow-y: auto;
 
       .chips-column {
-        padding-right: 10px;
-        width: 210px;
+        padding: 12px 12px;
+        width: 220px;
+        border: solid 1px #ccc;
       }
 
 
@@ -109,4 +110,8 @@
     }
   }
 
+  .post-button {
+    margin-left: 5px;
+  }
+
 }

my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html

@@ -27,7 +27,8 @@
     <i class="ri-arrow-down-s-line"></i>
   </div>
 
-  @if (displayDropdown && availableChoices?.length) {
+  @if (displayDropdown
+  && availableChoices?.length) {
 
     <div class="dropdown">
 

my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss

@@ -71,7 +71,7 @@
 
       padding: 10px 40px;
 
-      width: 210px;
+      width: 100%;
       height: 42px;
 
       overflow: hidden;