diff --git a/packages/styles/src/input-group.scss b/packages/styles/src/input-group.scss
index ac850b75e0..d2b3a1a22f 100644
--- a/packages/styles/src/input-group.scss
+++ b/packages/styles/src/input-group.scss
@@ -116,6 +116,10 @@ $fd-input-border-radius: var(--sapField_BorderCornerRadius);
}
}
+ &--compact {
+ margin: 0.1875rem 0;
+ }
+
.#{$fd-namespace}-textarea {
resize: vertical;
}
diff --git a/packages/styles/src/select.scss b/packages/styles/src/select.scss
index c6d4cebfd3..83c5feb9d0 100644
--- a/packages/styles/src/select.scss
+++ b/packages/styles/src/select.scss
@@ -89,6 +89,7 @@ $fd-select-padding-x-compact: 0.5rem;
@include fd-reset();
text-shadow: var(--fdSelect_Text_Shadow);
+ margin: 0.25rem 0;
&__control {
@include fd-input-field-base(
@@ -112,15 +113,14 @@ $fd-select-padding-x-compact: 0.5rem;
pointer-events: none;
}
- @include fd-expanded() {
- margin-bottom: 0;
- }
-
padding: 0;
+ margin: 0;
cursor: pointer;
.#{$block}__button {
@include fd-set-margin-left(0.25rem);
+
+ height: 100%;
}
@include fd-readonly() {
@@ -166,6 +166,7 @@ $fd-select-padding-x-compact: 0.5rem;
}
&--compact {
+ margin: 0.1875rem 0;
.#{$block}__control {
height: $fd-form-input-height--compact;
min-height: $fd-form-input-height--compact;
diff --git a/packages/styles/stories/Components/Forms/input-group/input-group.stories.js b/packages/styles/stories/Components/Forms/input-group/input-group.stories.js
index 4555e93a4f..59e7375237 100644
--- a/packages/styles/stories/Components/Forms/input-group/input-group.stories.js
+++ b/packages/styles/stories/Components/Forms/input-group/input-group.stories.js
@@ -24,7 +24,7 @@ export const Sizes = () => `