@openui5/themelib_sap_horizon 1.115.1 → 1.117.0

package/src/sap/m/themes/sap_horizon/RangeSlider.less

@@ -9,18 +9,13 @@
 @_sap_m_RangeSlider_Handle_Width_Compact: 1.5rem;
 
 .sapMRangeSlider.sapMSlider .sapMSliderInner {
-	&:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
+	&:not(.sapMSliderInnerDisabled).sapMSliderProgress:hover ~ .sapMSliderHandle,
+	.sapMSliderHandle:hover  {
 		border: 1px @sapContent_FocusStyle @sapUiSliderHoverHandleBorderColor;
 		background: @sapUiSliderRangeHandleBackground;
 		box-shadow: @sapUiContentSelectedShadow;
 	}
 
-	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle:hover {
-		background-color: @sapUiSliderRangeHandleBackground;
-		border-color: @sapUiSliderHoverHandleBorderColor;
-		box-shadow: @sapUiContentSelectedShadow;
-	}
-
 	&:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
 		&:not(:focus) {
 			background: transparent;

package/src/sap/m/themes/sap_horizon/SearchField.less

@@ -8,7 +8,7 @@
 // ==========================================================================
 
 @_sap_m_SearchField_Height: 2.75rem;
-@_sap_m_SearchField_FormHeight: 2.25rem;
+@_sap_m_SearchField_FormHeight: @sapUiElementHeight;
 @_sap_m_SearchField_ButtonSize: 2.25rem;
 @_sap_m_SearchField_ButtonFontSize: 1rem;
 @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -58,7 +58,6 @@
 }
 
 .sapMSF:not(.sapMSFDisabled):hover .sapMSFF {
-	box-shadow: @sapUiContentInteractionShadow;
 	background-color: @sapUiFieldHoverBackground;
 }
 

package/src/sap/m/themes/sap_horizon/Select.less

@@ -57,12 +57,9 @@
 	height: @sapUiElementCompactHeight;
 }
 
-.sapMSlt > .sapMSltLabel {
-	line-height: calc(@sapUiElementHeight - 0.125rem);
-}
-
-.sapMSltArrow {
-	line-height: 2rem;
+.sapMSlt > .sapMSltArrow {
+	line-height: 2.25rem;
+    background-color: transparent !important;
 }
 
 .sapMSlt:not(.sapMSltState).sapMSltPressed > .sapMSltArrow::before {
@@ -130,7 +127,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
 }
 
 .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
-	line-height: 1.375rem;
+	line-height: 1.625rem;
 }
 
 .sapMSltMinWidth {
@@ -165,17 +162,14 @@ div.sapMSltPicker .sapMSltPickerValueState {
 }
 
 .sapMSltArrow {
-    width: 2rem;
-    height: 2rem;
-    margin-top: 2px;
-    margin-right: 2px;
+    width: 2.25rem;
+    height: 2.25rem;
 }
 
 .sapUiSizeCompact .sapMSltArrow {
     width: 2rem;
-    margin-top: 2px;
-    height: 1.375rem;
-    margin-right: 2px;
+    height: 1.625rem;
+
 }
 
 .sapMSltPressed >.sapMSltArrow,

package/src/sap/m/themes/sap_horizon/Slider.less

@@ -43,7 +43,8 @@
 	}
 }
 
-.sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
+.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
+.sapMSliderHandle:hover {
 	&:not(:focus) {
 		border-color: @sapUiSliderHoverHandleBorderColor;
 		background: @sapUiSliderHoverHandleBackground;

package/src/sap/m/themes/sap_horizon/TextArea.less

@@ -27,6 +27,10 @@
 	line-height: 1.5;
 }
 
+.sapMTextAreaMirror {
+	line-height: 1.5;
+}
+
 .sapMTextArea.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
 	border: @sapUiFieldBorderWidth dashed @sapUiFieldReadOnlyBorderColor;
 }

package/src/sap/m/themes/sap_horizon/TileContainer.less

@@ -14,4 +14,23 @@
 	bottom: -1px;
 	left: -1px;
 	right: -1px;
-}
+}
+
+.sapMTC .sapMTile,
+.sapMTC .sapMCustomTile {
+
+	&:focus {
+		outline: none;
+
+		&::before {
+			content: "";
+			position: absolute;
+			left: -0.1875rem;
+			right: -0.1875rem;
+			top: -0.1875rem;
+			bottom: -0.1875rem;
+			border: 0.125rem solid @sapUiContentFocusColor;
+			border-radius: 0.125rem;
+		}
+	}
+}

package/src/sap/m/themes/sap_horizon/Token.less

@@ -10,68 +10,75 @@
 @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
-	overflow: visible;
 	padding-left: @_sap_m_Token_LeftPadding;
+	border-radius: 0.375rem;
+	color: @sapTextColor;
+	font-size: @sapFontSize;
 }
 
-.sapMTokenSelected:not(:focus),
+.sapMTokenSelected,
 .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
 	background: @sapUiButtonSelectedBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
+	border-radius: 0.375rem;
+	font-family: @sapFontSemiboldDuplexFamily;
+}
+
+.sapMToken.sapMTokenSelected::before {
+	content: '';
+	position: absolute;
+	pointer-events: none;
+	z-index: 2;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	height: 2px;
+	background-color: @sapUiButtonSelectedBorderColor;
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):not(:focus):hover {
-	background: @sapUiButtonTokenBackground;
-	border: 1px solid @sapUiButtonTokenBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
-	box-shadow: @sapUiContentInteractionShadow;
+	background: @sapUiButtonHoverBackground;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
+	border-radius: 0.375rem;
 }
 
 html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
-	background: @sapUiButtonSelectedBackground;
+	background: @sapUiButtonSelectedHoverBackground;
 	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
-	border-radius: @sapUiButtonBorderCornerRadius;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):not(:focus):hover {
-	box-shadow: @sapUiContentInteractionShadow;
-}
-
-.sapMToken.sapMTokenReadOnly,
-.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
+.sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
 	color: @sapUiContentLabelColor;
-}
 
-html.sap-desktop .sapMToken:focus {
-	outline: none;
+	.sapMTokenText {
+		line-height: 1rem;
+	}
 }
 
-html.sap-desktop .sapMToken:focus::after {
-	content: '';
-	position: absolute;
-	pointer-events: none;
-	z-index: 2;
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
-	border-radius: 0.625rem;
-	top: -0.25rem;
-	bottom: -0.25rem;
-	left: -0.25rem;
-	right: -0.25rem;
+html.sap-desktop .sapMToken:focus {
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border-radius: 0.5rem;
+	outline-offset: 0.0625rem;
 }
 
 html.sap-desktop .sapMToken:not(.sapMTokenSelected):not(.sapMTokenReadOnly):focus:hover {
 	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
 }
 
-html.sap-desktop .sapUiSizeCompact .sapMToken:focus::after,
-html.sap-desktop .sapUiSizeCondensed .sapMToken:focus::after {
-	top: -0.125rem;
-	bottom: -0.125rem;
-	left: -0.125rem;
-	right: -0.125rem;
+html.sap-desktop .sapUiSizeCompact .sapMToken:focus,
+html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
+	outline-offset: 0;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:focus {
-	color: @sapUiButtonSelectedTextColor;
+html.sap-desktop .sapUiSizeCondensed .sapMToken:focus {
+	outline-width: 1px;
+}
+
+.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
+	padding: 0.125rem 0.25rem;
+
+	.sapMTokenText {
+		line-height: 0.875rem;
+	}
 }

package/src/sap/m/themes/sap_horizon/Tokenizer.less

@@ -31,9 +31,16 @@ html.sap-desktop .sapMTokenizer:focus {
 		color: @sapUiContentLabelColor;
 }
 
+.sapMTokenizer.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+	padding: 0.25rem 0.3125rem;
+}
+
 .sapUiSizeCompact {
 	.sapMTokenizer {
 		padding-left: 0.25rem;
+		&.sapMTokenizerReadonly .sapMToken.sapMTokenReadOnly {
+			padding: 0.125rem 0.25rem;
+		}
 		.sapMToken {
 			margin-right: 0.25rem;
 		}

package/src/sap/m/themes/sap_horizon/Wizard.less

@@ -22,7 +22,7 @@
 }
 
 .sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
-	min-height: calc(100% - 3rem);
+	min-height: ~"calc(100% - 3rem)";
 }
 
 html.sap-phone .sapMWizard .sapMWizardNextButtonVisible {

package/src/sap/m/themes/sap_horizon_dark/Avatar.less

@@ -21,9 +21,19 @@
 	font-size: inherit;
 }
 
-.sapFAvatarFocusable:focus {
-	outline: none;
+.sapFAvatarFocusable.sapMAvatarPressed {
 	box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
+
+	&:hover {
+		box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
+	}
+}
+
+.sapFAvatarFocusable:focus {
+	outline-offset: .125rem;
+	&.sapFAvatarSquare {
+		outline-offset: .125rem;
+	}
 }
 
 .sapFAvatarColorTileIcon {

package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less

@@ -9,10 +9,9 @@
 
 @_sap_m_IconTabBar_TextColor: @sapTextColor;
 @_sap_m_IconTabBar_TextShadow: none;
-@_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
 @_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
 @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
-@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
+@_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
 
 
 // ==================== Cozy size ====================
@@ -142,15 +141,17 @@
 @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
 @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
 @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
-@_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
+@_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
 @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
 
 // =========== Overflow ===========
+@_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
 @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
 @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
-@_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
-@_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
-@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
+@_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
+@_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
+@_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
 
 @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
 @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -202,6 +203,19 @@
 			background: @sapContent_Selected_ForegroundColor;
 		}
 	}
+
+	.sapMITBFilterExpandBtnSeparator {
+		border-right: 0.0625rem solid;
+		margin-left: 0.625rem;
+		border-color: @_sap_m_IconTabBar_TextColor;
+		height: 1rem;
+		margin-top: 0.875rem;
+	}
+
+	.sapMITBFilterExpandBtn:hover .sapMBtnInner {
+		border-radius: 0.25rem;
+	}
+
 	//More Button
 	.sapMITHStartOverflow,
 	.sapMITHEndOverflow {
@@ -216,15 +230,24 @@
 		}
 	}
 
+	.sapMITHEndOverflow:hover,
+	.sapMITHStartOverflow:hover {
+		.sapMITBItem {
+			background: @sapButton_Background;
+			border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
+		}
+	}
+
 	.sapMITHEndOverflow,
 	.sapMITHStartOverflow {
 		.sapMITHShowSubItemsIcon {
 			padding-left: 0.375rem;
 		}
 	}
+
 	//Arrow button
-	.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover  {
-		color: @_sap_m_IconTabBar_TextHoverColor !important;
+	.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon  {
+		color: @sapButton_TextColor;
 	}
 }
 
@@ -324,50 +347,113 @@
 
 /* Tab Filter Item */
 
-.sapMITBTextOnly {
-
-	.sapMITBFilterDefault:hover .sapMITBText {
-		color: @_sap_m_IconTabBar_TextHoverColor;
+.sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
+	.sapMBtn {
+		margin-bottom: 0.9375rem;
 	}
+}
 
-	.sapMITBFilterDefault.sapMITBSelected .sapMITBText{
-		color: @_sap_m_IconTabBar_SelectedTextColor;
+.sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
+	.sapMBtn {
+		margin-bottom: 1.875rem;
 	}
+}
 
-	.sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
-		color: @_sap_m_IconTabBar_SelectedTextHoverColor;
+.sapMITBNoText.sapMITH {
+	.sapMBtn {
+		margin-bottom: 0.9375rem;
 	}
+}
 
-	.sapMITBFilterNeutral .sapMITBText {
-		color: @sapUiNeutralText;
+.sapMITBNoContentPadding .sapMITBTextOnly {
+	.sapMITBFilterExpandBtnSeparator {
+		margin-top: 1.125rem;
 	}
-
-	.sapMITBFilterNeutral:hover .sapMITBText {
-		color: darken(@sapUiNeutralText, 10);
+	.sapMBtn {
+		margin-top: 0.25rem;
 	}
+}
 
-	.sapMITBFilterPositive .sapMITBText {
-		color: @sapUiPositiveText;
-	}
+.sapMITBTextOnly {
 
-	.sapMITBFilterPositive:hover .sapMITBText {
-		color: darken(@sapUiPositiveText, 10);
+	.sapMITBFilterDefault.sapMITBSelected {
+		.sapMITBText {
+			color: @sapContent_Selected_ForegroundColor;
+		}
+		.sapMITBFilterExpandBtnSeparator {
+			border-color: @sapContent_Selected_ForegroundColor;
+		}
+		.sapMBtnIcon {
+			color: @_sap_m_IconTabBar_SelectedTextColor;
+		}
 	}
 
-	.sapMITBFilterNegative .sapMITBText {
-		color: @sapUiNegativeText;
+	.sapMITBFilterNeutral {
+		.sapMITBText {
+			color: @sapUiNeutralText;
+		}
+		.sapMITBFilterWrapper:hover .sapMITBText {
+			color: @sapUiNeutralText;
+		}
+		.sapMITBFilterExpandBtn:hover{
+			.sapMBtnIcon {
+				color: @sapUiNeutralText;
+			}
+		}
+		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiNeutralText;
+		}
 	}
 
-	.sapMITBFilterNegative:hover .sapMITBText {
-		color: darken(@sapUiNegativeText, 10);
+	.sapMITBFilterPositive {
+		.sapMITBText {
+			color: @sapUiPositiveText;
+		}
+		.sapMITBFilterWrapper:hover .sapMITBText {
+			color: @sapUiPositiveText;
+		}
+		.sapMITBFilterExpandBtn:hover{
+			.sapMBtnIcon {
+				color: @sapUiPositiveText !important;
+			}
+		}
+		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiPositiveText;
+		}
 	}
 
-	.sapMITBFilterCritical .sapMITBText {
-		color: @sapUiCriticalText;
+	.sapMITBFilterNegative {
+		 .sapMITBText {
+			color: @sapUiNegativeText;
+		}
+		.sapMITBFilterWrapper:hover .sapMITBText {
+			color: @sapUiNegativeText;
+		}
+		.sapMITBFilterExpandBtn:hover{
+			.sapMBtnIcon {
+				color: @sapUiNegativeText;
+			}
+		}
+		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiNegativeText;
+		}
 	}
 
-	.sapMITBFilterCritical:hover .sapMITBText {
-		color: darken(@sapUiCriticalText, 10);
+	.sapMITBFilterCritical {
+		.sapMITBText {
+			color: @sapUiCriticalText;
+		}
+		.sapMITBFilterWrapper:hover .sapMITBText {
+			color: @sapUiCriticalText;
+		}
+		.sapMITBFilterExpandBtn:hover{
+			.sapMBtnIcon {
+				color: @sapUiCriticalText;
+			}
+		}
+		&.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiCriticalText;
+		}
 	}
 }
 
@@ -383,21 +469,90 @@
 .sapMITBFilterNeutral {
 	color: @sapUiNeutralElement;
 	border-color: @sapUiNeutralElement;
+
+	.sapMITBFilterExpandBtnSeparator {
+		border-color: @sapUiNeutralText;
+	}
+
+	.sapMBtnIcon {
+		color: @sapUiNeutralText !important;
+	}
 }
 
 .sapMITBFilterPositive {
 	color: @sapUiPositiveElement;
 	border-color: @sapUiPositiveElement;
+
+	.sapMITBFilterExpandBtnSeparator {
+		border-color: @sapUiPositiveText;
+	}
+
+	.sapMBtnIcon {
+		color: @sapUiPositiveText !important;
+	}
 }
 
-.sapMITBFilterNegative {
+.sapMITBFilterNegative:not(.sapMITBTextOnly) {
 	color: @sapUiNegativeElement;
 	border-color: @sapUiNegativeElement;
+
+	.sapMITBFilterExpandBtnSeparator {
+		border-color: @sapUiNegativeText;
+	}
+
+	.sapMBtnIcon {
+		color: @sapUiNegativeText !important;
+	}
 }
 
 .sapMITBFilterCritical {
 	color: @sapUiCriticalElement;
 	border-color: @sapUiCriticalElement;
+
+	.sapMITBFilterExpandBtnSeparator {
+		border-color: @sapUiCriticalText;
+	}
+
+	.sapMBtnIcon {
+		color: @sapUiCriticalText !important;
+	}
+}
+.sapMITH:not(.sapMITBTextOnly) {
+
+	.sapMITBFilterNeutral {
+		.sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiNeutralElement;
+		}
+		.sapMBtnIcon {
+			color: @sapUiNeutralElement !important;
+		}
+	}
+
+	.sapMITBFilterPositive {
+		.sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiPositiveElement;
+		}
+		.sapMBtnIcon {
+			color: @sapUiPositiveElement !important;
+		}
+	}
+
+	.sapMITBFilterNegative {
+		.sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiNegativeElement;
+		}
+		.sapMBtnIcon {
+			color: @sapUiNegativeElement !important;
+		}
+	}
+	.sapMITBFilterCritical {
+		.sapMITBFilterExpandBtnSeparator {
+			border-color: @sapUiCriticalElement;
+		}
+		.sapMBtnIcon {
+			color: @sapUiCriticalElement !important;
+		}
+	}
 }
 
 .sapMITBSelected {
@@ -573,6 +728,9 @@ html.sap-desktop {
 		.sapMITHStartOverflow,
 		.sapMITHEndOverflow {
 			.sapMITBItem {
+				&:active{
+					background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
+				}
 				&:active::after {
 					// when overflow is pressed, make the focus white
 					border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -690,10 +848,16 @@ html.sap-desktop {
 .sapMITBFilterPopover {
 
 	.sapMITBText .sapMBadgeAttention {
-		right: -0.75rem;
+		right: -0.5rem;
 	}
 
 	.sapMITFExpandButtonBadge {
 		left: 0.5rem;
 	}
+}
+
+.sapMITH {
+	.sapMITBFilterWithItems .sapMITBFilterExpandBtn {
+		margin-left: -1px; // to hide the separator on hover over the button
+	}
 }

package/src/sap/m/themes/sap_horizon_dark/InputBase.less

@@ -19,11 +19,6 @@
 @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
 @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
 
-.sapMILI-CTX .sapMInputBaseContentWrapperError,
-.sapMInputBaseContentWrapper {
-	border: none;
-}
-
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	width: @_sap_m_InputBase_IconWidth;
 	height: 2.1875rem;
@@ -120,6 +115,9 @@
 	.sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 		height: 1.25rem;
 	}
+	.sapMInputBase {
+		line-height: 1.25rem;
+	}
 }
 
 /* List specific styles */