From 28b7bd7eb3b8586b6716fdbacb951641478c0483 Mon Sep 17 00:00:00 2001
From: Markus Winter <m.winter@sap.com>
Date: Sun, 5 Jan 2025 20:43:10 +0100
Subject: [PATCH 1/2] fix background of spacing select

---
 src/main/resources/scss/pages/_spacing.scss | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/scss/pages/_spacing.scss b/src/main/resources/scss/pages/_spacing.scss
index 1c88d40f..7d36d4a1 100644
--- a/src/main/resources/scss/pages/_spacing.scss
+++ b/src/main/resources/scss/pages/_spacing.scss
@@ -16,10 +16,6 @@
   div {
     position: relative;
     display: flex;
-    background: color-mix(in srgb, var(--text-color-secondary) 2.5%, transparent);
-    border: var(--jdl-border-translucent);
-    border-radius: 4px;
-    transition: background var(--standard-transition);
 
     &::after {
       content: "";
@@ -43,8 +39,8 @@
 
     select {
       appearance: none;
-      background: none;
-      border: none;
+      border: var(--jdl-border-translucent);
+      border-radius: 4px;
       outline: none;
       width: 100%;
       font-size: var(--font-size-sm);
@@ -53,21 +49,23 @@
       padding: 0 20px 0 0;
       height: 2rem;
       font-family: var(--font-family-mono);
+
+      &:hover {
+        border-color: var(--input-border-hover)
+      }
     }
 
-    &:first-of-type {
+    &:first-of-type select {
       border-top-left-radius: 18px;
       border-bottom-left-radius: 18px;
     }
 
-    &:last-of-type {
+    &:last-of-type select {
       border-top-right-radius: 18px;
       border-bottom-right-radius: 18px;
     }
 
     &:hover {
-      background: color-mix(in srgb, var(--text-color-secondary) 10%, transparent);
-
       &::after {
         translate: 0 1px;
       }

From 6cd99ab6836492154fd4c01ce11a073e6e75cf3f Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Mon, 6 Jan 2025 11:19:30 +0000
Subject: [PATCH 2/2] Add transition, add missing semicolon

---
 src/main/resources/scss/pages/_spacing.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/scss/pages/_spacing.scss b/src/main/resources/scss/pages/_spacing.scss
index 7d36d4a1..e963f6d0 100644
--- a/src/main/resources/scss/pages/_spacing.scss
+++ b/src/main/resources/scss/pages/_spacing.scss
@@ -49,9 +49,10 @@
       padding: 0 20px 0 0;
       height: 2rem;
       font-family: var(--font-family-mono);
+      transition: var(--standard-transition);
 
       &:hover {
-        border-color: var(--input-border-hover)
+        border-color: var(--input-border-hover);
       }
     }