From d4fed0588545a4828449a64b4f898c3a25161db2 Mon Sep 17 00:00:00 2001
From: Maximilian Franzke <Maximilian.Franzke@deutschebahn.com>
Date: Fri, 3 Nov 2023 21:56:10 +0100
Subject: [PATCH] refactor: reposition search inputs cancel button #627

---
 source/_patterns/01-elements/input/input.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/source/_patterns/01-elements/input/input.scss b/source/_patterns/01-elements/input/input.scss
index 341f670010..6bba0e9303 100644
--- a/source/_patterns/01-elements/input/input.scss
+++ b/source/_patterns/01-elements/input/input.scss
@@ -146,6 +146,11 @@
 		background-size: to-rem($pxValue: 19);
 		padding-left: to-rem($pxValue: 32);
 
+		// Reposition the Chromium browsers cancel button to "counteract" on floating labels padding-top on inputs
+		&::-webkit-search-cancel-button {
+			transform: translateY(-#{to-rem(8)});
+		}
+
 		:not(.cmp-sitesearch) > & {
 			@extend %form-element-semitransparent;