diff --git a/src/core/components/inputs/text-input/text-input.component.scss b/src/core/components/inputs/text-input/text-input.component.scss
index 0865027c..1a92daed 100644
--- a/src/core/components/inputs/text-input/text-input.component.scss
+++ b/src/core/components/inputs/text-input/text-input.component.scss
@@ -38,14 +38,27 @@ input {
   &::placeholder {
     color: $placeholder-font
   }
+
   &:disabled::placeholder {
     color: $disabled-placeholder-font
   }
 
   @each $name, $colors in $flavors {
     &.#{$name} {
-      &:focus {
-        accent-color: list.nth($colors, 1);
+
+      @if $name == "danger"
+      or $name == "warning"
+      or $name == "success"
+      or $name == "info" {
+        border: 2px solid;
+        border-color: list.nth($colors, 1);
+        &:focus {
+          outline: none;
+        }
+      } @else {
+        &:focus {
+          accent-color: list.nth($colors, 1);
+        }
       }
     }
   }