diff --git a/packages/web/src/scss/components/Alert/_Alert.scss b/packages/web/src/scss/components/Alert/_Alert.scss
index 7c2aae799b..d15509f6ba 100644
--- a/packages/web/src/scss/components/Alert/_Alert.scss
+++ b/packages/web/src/scss/components/Alert/_Alert.scss
@@ -11,6 +11,7 @@
     justify-content: flex-start;
     width: 100%;
     padding: theme.$padding;
+    border: theme.$border-width theme.$border-style var(--alert-color);
     border-radius: theme.$border-radius;
 }
 
diff --git a/packages/web/src/scss/components/Alert/_theme.scss b/packages/web/src/scss/components/Alert/_theme.scss
index 5f485dcd74..f74446895d 100644
--- a/packages/web/src/scss/components/Alert/_theme.scss
+++ b/packages/web/src/scss/components/Alert/_theme.scss
@@ -7,6 +7,8 @@ $typography: tokens.$body-medium-text-regular;
 $gap: tokens.$space-600;
 $padding: tokens.$space-600;
 $border-radius: tokens.$radius-200;
+$border-style: tokens.$border-style-100;
+$border-width: tokens.$border-width-100;
 
 $content-max-width: 640px;
 
diff --git a/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png b/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png
index 304b4c3c8b..0e212b1eb0 100644
Binary files a/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png and b/tests/e2e/demo-components-compare.spec.ts-snapshots/alert-chromium-linux.png differ