diff --git a/angular/src/styles.scss b/angular/src/styles.scss
index 9ce27a8..433c994 100644
--- a/angular/src/styles.scss
+++ b/angular/src/styles.scss
@@ -127,10 +127,10 @@ body {
     --main-color_hover: rgba(208, 180, 133, 0.2);
 }
 
-.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__leading,
-.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__notch,
-.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid) .mdc-notched-outline__trailing {
-    border-color: var(--text-color_2);    
+.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid, .mat-focused) .mdc-notched-outline__leading,
+.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid, .mat-focused) .mdc-notched-outline__notch,
+.mdc-text-field--outlined:not(.mdc-text-field--disabled, .mdc-text-field--invalid, .mat-focused) .mdc-notched-outline__trailing {
+    border-color: var(--text-color_2) !important;    
 }
 
 .mat-mdc-outlined-button:not(:disabled) {