diff --git a/my-workspace/projects/sae-lib/alert-box/alert-box.scss b/my-workspace/projects/sae-lib/alert-box/alert-box.scss
index e69de29..4408a2e 100644
--- a/my-workspace/projects/sae-lib/alert-box/alert-box.scss
+++ b/my-workspace/projects/sae-lib/alert-box/alert-box.scss
@@ -0,0 +1,4 @@
+sae-alert-box {
+  font-size: 12px;
+  padding: 18px;
+}
diff --git a/my-workspace/projects/sae-lib/src/styles/_global.scss b/my-workspace/projects/sae-lib/src/styles/_global.scss
index 524e5eb..3972c48 100644
--- a/my-workspace/projects/sae-lib/src/styles/_global.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_global.scss
@@ -12,9 +12,6 @@ body {
   width: 800px;
 }
 
-footer {
-  padding-bottom: 10rem;
-}
 
 .active-link {
   background: green;
@@ -34,11 +31,14 @@ nav {
   background: white;
 }
 
+
+footer {
+  padding-bottom: 50px;
+}
+
 .main-footer {
-  background: #1b1d27;
-  color: #ccc;
+  background: transparent;
   padding-top: 2rem;
   font-size: 0.8rem;
-
   font-style: italic;
 }
diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
index 1e6f887..d876a47 100644
--- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
@@ -212,3 +212,8 @@
     }
   }
 }
+
+.bottom-warning-container {
+  margin-left: 70px;
+  margin-top: 18px;
+}
diff --git a/my-workspace/projects/sae-lib/src/styles/_states.scss b/my-workspace/projects/sae-lib/src/styles/_states.scss
index 2803813..1a7a9f0 100644
--- a/my-workspace/projects/sae-lib/src/styles/_states.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_states.scss
@@ -1,40 +1,41 @@
 @use "sass:color";
-@use "shadows";
+@use "variables";
 
 
 // state colors
 .is-primary {
-  background-color: shadows.$primary-color;
-  color: shadows.$neutral-white;
-  border-color: color.adjust(shadows.$primary-color, $lightness: - 10%);
+  background-color: variables.$primary-color;
+  color: variables.$neutral-white;
+  border-color: color.adjust(variables.$primary-color, $lightness: - 10%);
 }
 
 .is-secondary {
-  background-color: shadows.$secondary-color;
-  color: shadows.$neutral-white;
+  background-color: variables.$secondary-color;
+  color: variables.$neutral-white;
 }
 
 .is-warning {
-  background: shadows.$warning-color;
-  color: shadows.$neutral-white;
-  border-color: color.adjust(shadows.$warning-color, $lightness: -50%);
+  background: variables.$neutral-white;
+  color: variables.$warning-color-text;
+  border: 0;
+
 }
 
 .is-info {
-  background: shadows.$info-color;
-  color: shadows.$neutral-white;
-  border-color: color.adjust(shadows.$info-color, $lightness: -50%);
+  background: variables.$info-color;
+  color: variables.$neutral-white;
+  border-color: color.adjust(variables.$info-color, $lightness: -50%);
 }
 
 .is-success {
-  background: shadows.$success-color;
-  color: shadows.$neutral-white;
-  border-color: color.adjust(shadows.$success-color, $lightness: -50%);
+  background: variables.$success-color;
+  color: variables.$neutral-white;
+  border-color: color.adjust(variables.$success-color, $lightness: -50%);
 
 }
 
 .is-error {
-  background: shadows.$danger-color;
-  color: shadows.$neutral-white;
-  border-color: color.adjust(shadows.$danger-color, $lightness: -50%);
+  background: rgba(variables.$danger-color, 10%);
+  color: variables.$danger-color;
+  border: 0;
 }
diff --git a/my-workspace/projects/sae-lib/src/styles/_variables.scss b/my-workspace/projects/sae-lib/src/styles/_variables.scss
index faa992f..298e417 100644
--- a/my-workspace/projects/sae-lib/src/styles/_variables.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_variables.scss
@@ -29,6 +29,7 @@ $danger-color: #A31B1B;
 $danger-color-light: rgba(#E84F4F1A, 0.1);
 $success-color: #32D970;
 $warning-color: #E68250;
+$warning-color-text: #9a420f;
 $info-color: #6565ff;
 
 
@@ -45,7 +46,7 @@ $notification-green: #315E5D;
 $bg-color-button: #f4f6fc;
 $bg-color-nav: #1B1D27;
 $bg-color-chat: #f5f5f5;
-$shadow-color : #dedede;
+$shadow-color: #dedede;
 
 
 // CSC project variables
@@ -58,8 +59,8 @@ $csc-title-color: #000;
 $csc-nav-color: $main-color-400;
 $csc-chips-bg-color: $main-color-400;
 
-$csc-textarea-color : #1B1D27;
-$csc-filters-box-color : #E3EAF1;
+$csc-textarea-color: #1B1D27;
+$csc-filters-box-color: #E3EAF1;
 
 $bot-bubble: $csc-light-yellow-color;