From 9372f70f1db9663decffa4d9b174d5958576225f Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Fri, 13 Dec 2024 10:36:27 +0100
Subject: [PATCH] fix: form elements border color

---
 packages/components/src/components/textarea/textarea.scss | 2 +-
 packages/components/src/styles/_component.scss            | 5 +++++
 packages/components/src/styles/_form-components.scss      | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/components/textarea/textarea.scss b/packages/components/src/components/textarea/textarea.scss
index a37e28b92dc..d0d2f9d0513 100644
--- a/packages/components/src/components/textarea/textarea.scss
+++ b/packages/components/src/components/textarea/textarea.scss
@@ -62,7 +62,7 @@
 			}
 
 			&::after {
-				@extend %component-border;
+				@extend %form-component-border;
 
 				@include get-scrolling-workaround();
 
diff --git a/packages/components/src/styles/_component.scss b/packages/components/src/styles/_component.scss
index fd9f9eeee31..58222888ad3 100644
--- a/packages/components/src/styles/_component.scss
+++ b/packages/components/src/styles/_component.scss
@@ -24,6 +24,11 @@ $placeholder-disabled: 0.68;
 		colors.$db-adaptive-on-bg-basic-emphasis-60-default;
 }
 
+%form-component-border {
+	border: variables.$db-border-height-3xs solid
+		colors.$db-adaptive-on-bg-basic-emphasis-70-default;
+}
+
 %default-interactive-component {
 	@extend %default-adaptive-border;
 
diff --git a/packages/components/src/styles/_form-components.scss b/packages/components/src/styles/_form-components.scss
index 8c0c275988f..ee8529becd4 100644
--- a/packages/components/src/styles/_form-components.scss
+++ b/packages/components/src/styles/_form-components.scss
@@ -301,7 +301,7 @@ $input-valid-types: "color", "date", "datetime-local", "email", "file",
 	#{$selector} {
 		@extend %db-overwrite-font-size-md;
 		@extend %default-interactive-component;
-		@extend %component-border;
+		@extend %form-component-border;
 
 		background-color: colors.$db-adaptive-bg-basic-transparent-semi-default;
 		caret-color: colors.$db-adaptive-on-bg-basic-emphasis-100-default;