diff --git a/src/components.css b/src/components.css
index 076c6bf..7e20b32 100644
--- a/src/components.css
+++ b/src/components.css
@@ -436,6 +436,9 @@
     line-height: 1.5em;
     color: var(--color-on-surface);
     background-color: var(--color-surface-container-highest);
+    &.error {
+      border-color: var(--color-error);
+    }
     .input_wrapper & {
       padding: 0;
       border: none;
@@ -471,5 +474,8 @@
     border-top-left-radius: calc(var(--border-radius) * 2);
     border-top-right-radius: calc(var(--border-radius) * 2);
     background-color: var(--color-surface-container-highest);
+    &.error {
+      border-color: var(--color-error);
+    }
   }
 }