@openui5/themelib_sap_horizon 1.103.1 → 1.106.0

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

@@ -203,4 +203,11 @@
 		top: -1.3125rem;
 		right: -0.0675rem;
 	}
+}
+
+/* Compact and Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	padding: 0.4375rem 0;
+	margin: 0;
 }

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

@@ -4,6 +4,10 @@
 /* ====================================== */
 
 .sapMRI {
+	& {
+		margin: 0.75rem 0;
+	}
+
 	&:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
 		opacity: 0.9;
 	}
@@ -54,4 +58,34 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly){
 
 .sapMRIIconSel, .sapMRIIconUnsel {
 	text-shadow: @sapContent_TextShadow;
+}
+
+/* As font-size is set as an inline style, we need to override it for horizon only using important */
+.sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+}
+
+.sapUiSizeCompact .sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
+		font-size: .75rem !important;
+	}
+
+	& .sapUiIcon,
+	& .sapUiIcon {
+		font-size: 1rem !important;
+	}
+
+	& .sapMRISel,
+	& .sapMRIUnselWrapper {
+		height: 100%;
+	}
 }

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

@@ -3,9 +3,17 @@
 /* Evening Horizon theme            */
 /* ================================ */
 
-html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
-html.sap-desktop .sapMST:active .sapMSTFocusDiv {
-	border: 1px solid @sapUiTileBackground;
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
+	border: 1px solid @sapUiTileBackground
+}
+
+html.sap-desktop .sapMST:active{
+	background-color: @sapTile_Active_Background;
+	.sapMSTFocusDiv{
+		border: 1px solid @sapTile_Interactive_BorderColor;
+		border-radius:  @sapTile_BorderCornerRadius;
+		inset: 0;
+	}
 }
 
 .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
@@ -28,18 +36,23 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted > span {
-	background-color: @sapUiContentNonInteractiveIconColor;
-	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
+	border: solid 0.0625rem @sapTile_OverlayForegroundColor;
+	opacity: 0.6;
+	box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
+	margin: 0 0.094rem;
 }
 
 .sapMSTBulleted > span.sapMSTActive {
-	background-color: @sapUiContentContrastIconColor;
-	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
+	background: @sapTile_OverlayForegroundColor;
+	box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
 }
 
 .sapMST {
-	border-radius: @sapElement_BorderCornerRadius;
+	border-radius: @sapTile_BorderCornerRadius;
 	border-color: @sapTile_BorderColor;
+	box-shadow: @sapContent_Shadow0;
+	background: @sapTile_Background;
+	overflow: hidden;
 }
 
 .sapMST.TwoByOne {
@@ -51,7 +64,10 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 .sapMST .sapMSTIconDisplayArea {
-	background-color: darken(@sapUiBrand, 18);
+	background-color: @sapBlockLayer_Background;
+}
+.sapMST.sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea{
+	opacity: 0.8;
 }
 
 .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
@@ -62,11 +78,11 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 	text-shadow: 0px 1px @sapUiButtonEmphasizedTextShadow;
 }
 
-html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
-html.sap-desktop .sapMST:active .sapMSTFocusDiv {
-	border: none;
-	border-radius: @sapElement_BorderCornerRadius;
-	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv {
+	border-radius: @sapTile_BorderCornerRadius;
+	box-shadow: none;
+	border: 2px solid @sapContent_FocusColor;
+	inset: 0;
 }
 
 html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after,
@@ -76,10 +92,33 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 html.sap-desktop .sapMST:hover {
-	box-shadow: @sapContent_Shadow1 !important;;
+	box-shadow: @sapContent_Shadow2 !important;
 
 	.sapMGT:hover {
 		box-shadow: none !important;
+		opacity: 0.9;
+	}
+
+}
+
+html.sap-desktop .sapMST:active{
+	.sapMGT{
+		opacity: 0.8;
+	}
+}
+
+.sapMST{
+	.sapMGT.OneByOne,.sapMGT.TwoByOne{
+		.sapMTileCnt.News {
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+		}
 	}
+}
 
+.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
+	.sapUiIcon {
+		top: 0rem;
+		left: 0.15rem;
+	}
 }

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

@@ -20,7 +20,7 @@
 
 .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
-	content: "\e244";
+	content: "\e29c";
 	position: absolute;
 	top: 4px;
 	right: 0.5rem;

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

@@ -7,9 +7,12 @@
 @_sap_m_TileContent_NewsFooterTextColor: @_sap_m_NewsContent_SubHeaderTextColor;
 
 .sapMTileCnt.News {
-	background-color: @_sap_m_TileContent_NewsContentBackgroundColor;
+	background-color: @sapTile_OverlayBackground;
+	.sapMTileCntContent{
+		height: 3.625rem;
+	}
 }
 
 .sapMTileCnt.News .sapMTileCntFtrTxt {
-	color: @_sap_m_TileContent_NewsFooterTextColor;
+	color: @sapTile_OverlayForegroundColor;
 }

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

@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
 
 .sapMTB-Transparent-CTX.sapMTB,
 .sapMIBar.sapMTB-Info-CTX.sapMTB {
-	padding: 0 0.5rem;
+	padding: 0 0.5rem 0 0.75rem;
 }
 
 /* Transparent Toolbar Context */

package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less

@@ -40,6 +40,15 @@
 	box-shadow: 0px 0px 1px 0px white inset;
 }
 
+.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
+	.sapMBtnInner{
+		border-color: @sapButton_BorderColor;
+	}
+	.sapMBtnIcon {
+		color: @sapButton_TextColor;
+	}
+}
+
 /************************ LINE MODE FLOATING VIEW *****************/
 
 .sapUiMedia-GenericTileDeviceSet-large {
@@ -150,9 +159,116 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
 }
 
+html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
+html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
+	box-shadow: none;
+	border-color: transparent !important;
+	.sapMGTFocusDiv{
+		outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
+	}
+}
+
 .TwoByOne.sapMGTActionMode {
 	border-radius: 1.25rem;
 	.sapMGTFocusDiv {
 		border-radius: 1.25rem !important;
 	}
+}
+
+html.sap-desktop .sapMGT.sapMGTLineMode:hover{
+	box-shadow: none !important;
+	border: none !important;
+	.sapMGTFocusDiv {
+		border: 0.1875rem solid @sapTile_Interactive_BorderColor;
+		inset: -2px;
+	}
+}
+
+.sapMGT.sapMGTLineMode:active{
+	background-color: @sapTile_Active_Background;
+	outline: 2px solid @sapContent_FocusColor !important;
+	outline-offset: -0.125rem;
+	border: none !important;
+	.sapMGTFocusDiv{
+		border: none !important;
+		box-shadow: none !important;
+	}
+}
+
+
+
+.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
+	line-height: 2.125rem !important;
+	border: none;
+}
+.sapUiSizeCompact{
+	.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
+		line-height: 1.5rem !important;
+	}
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMBtnBase.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			border: 0.01rem solid;
+			border-radius: 0.5rem;
+			line-height: 1.7;
+		}
+	}
+}
+
+.sapUiSizeCompact{
+	.sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
+		.sapMBtnBase.sapMGTMoreIcon{
+			.sapMBtnIcon{
+				padding-left: 0.5rem;
+				padding-right: 0.5rem;
+				line-height: 1.5rem;
+				left: 0.4rem;
+			}
+		}
+	}
+}
+.sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
+	.sapMGTMoreIcon.sapMBtnBase{
+		.sapMBtnIcon{
+			bottom: 0.5rem;
+			left: -1.5rem;
+		}
+	}
+}
+
+.sapUiSizeCompact{
+	.sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
+		.sapMGTMoreIcon.sapMBtnBase{
+			.sapMBtnIcon{
+				bottom: 0.4rem;
+				left: -1.7rem
+			}
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeSingleAction {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 3rem;
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 1rem;
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeActions {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 4.5rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less

@@ -16,14 +16,6 @@
 	outline: none;
 }
 
-.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
-	border-left: 1px solid @sapUiHcReducedAltForeground;
-}
-
-.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
-	border-top: 1px solid @sapUiHcReducedAltForeground;
-}
-
 .sapMHrdrCntrInner {
     border: 2px solid transparent;
 }
@@ -31,4 +23,20 @@
 html.sap-desktop .sapMHrdrCntrInner:focus {
     outline: none;
     border: 2px dotted @sapUiContentFocusColor;
+}
+
+.sapMHdrCntrBtnIcon{
+	color: @sapContent_NonInteractiveIconColor;
+}
+
+.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
+	border-left: 1px solid @sapList_BorderColor;
+}
+
+.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
+	border-top: 1px solid @sapList_BorderColor;
+}
+
+.sapMHdrCntrBGTransparent {
+	background-color: transparent;
 }

package/src/sap/m/themes/sap_horizon_hcb/Popover.less

@@ -126,6 +126,10 @@
 .sapMPopover {
 	border-radius: @sapUiPopoverBorderCornerRadius;
 
+	.sapMPopoverCont {
+		padding: 0.0625rem;
+	}
+
 	&.sapMPopoverWithoutBar .sapMPopoverCont,
 	.sapMIBar.sapMHeader-CTX {
 		border-top-right-radius: @sapUiPopoverBorderCornerRadius;

package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less

@@ -203,4 +203,11 @@
 		top: -1.3125rem;
 		right: -0.0675rem;
 	}
+}
+
+/* Compact and Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	padding: 0.4375rem 0;
+	margin: 0;
 }

package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less

@@ -4,6 +4,10 @@
 /* ====================================== */
 
 .sapMRI {
+	& {
+		margin: 0.75rem 0;
+	}
+
 	&:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
 		opacity: 0.9;
 	}
@@ -43,4 +47,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
 
 .sapMRIIconSel, .sapMRIIconUnsel {
 	text-shadow: @sapContent_TextShadow;
+}
+
+/* As font-size is set as an inline style, we need to override it for horizon only using important */
+.sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+}
+
+.sapUiSizeCompact .sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
+		font-size: .75rem !important;
+	}
+
+	& .sapUiIcon,
+	& .sapUiIcon {
+		font-size: 1rem !important;
+	}
+
+	& .sapMRISel,
+	& .sapMRIUnselWrapper {
+		height: 100%;
+	}
 }

package/src/sap/m/themes/sap_horizon_hcb/SlideTile.less

@@ -22,26 +22,73 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted > span {
-	background-color: @sapUiTileBackground;
-	border: 1px solid @sapUiTileBorderColor;
+	border: solid 0.0625rem @sapTile_OverlayForegroundColor;
+	opacity: 0.6;
+	box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
+	margin: 0 0.094rem;
 }
 
 .sapMSTBulleted > span.sapMSTActive {
-	background-color: @sapUiContentContrastIconColor;
+	background: @sapTile_OverlayForegroundColor;
+	box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
 }
 
 .sapMST .sapMSTIconDisplayArea {
-	background-color: darken(@sapUiHighlight, 18);
+	background-color: @sapButton_Background;
+	border: 0.0625rem solid @sapButton_BorderColor;
+}
+
+.sapMST .sapMSTIconNestedArea .sapUiIcon{
+	color: @sapButton_IconColor !important;
 }
 
 .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	background-color: @sapUiHighlight;
+	background-color: @sapButton_Active_Background;
 }
 
 .sapMST .sapMGT {
 	border: none;
 }
 
+.sapMST:hover {
+	box-shadow: none;
+	.sapMSTFocusDiv{
+		outline: 0.1875rem solid;
+	}
+}
 .sapMST .sapMGT:active .sapMGTFocusDiv {
 	border: none;
+}
+
+html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
+	border-color: @sapButton_Active_BorderColor;
+	background-color: @sapButton_Active_Background;
+}
+
+html.sap-desktop .sapMST.sapMSTIconPressed{
+	.sapMSTIconNestedArea{
+		.sapUiIcon{
+			color: @sapButton_Active_TextColor !important;
+		}
+	}
+}
+
+.sapMSTWrapper>.sapMGT{
+	&:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
+		border: none !important;
+	}
+}
+
+.sapMST .sapMSTIconNestedArea {
+	.sapUiIcon {
+		top: 0.1rem;
+		right: 0.04rem
+	}
+}
+
+.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
+	.sapUiIcon {
+		top: 0.05rem;
+		left: 0.1rem;
+	}
 }

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

@@ -63,7 +63,7 @@
 
 .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
-	content: "\e244";
+	content: "\e29c";
 	position: absolute;
 	top: 4px;
 	right: 0.5rem;
@@ -149,7 +149,7 @@
 	width: 0.5rem;
 	height: 0.5rem;
 	left: -14px;
-	top: -2px;
+	top: -3px;
 }
 
 .sapMSlider::after {
@@ -162,7 +162,7 @@
 	width: 0.5rem;
 	height: 0.5rem;
 	right: 2px;
-	top: 21px;
+	top: 20px;
 }
 
 /* pressed */

package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less

@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
 
 .sapMTB-Transparent-CTX.sapMTB,
 .sapMIBar.sapMTB-Info-CTX.sapMTB {
-	padding: 0 0.5rem;
+	padding: 0 0.5rem 0 0.75rem;
 }
 
 /* Transparent Toolbar Context */

package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less

@@ -20,6 +20,15 @@
 .sapMGTOverlay {
 	background-color: fade(@sapUiBlockLayerBackground, 70);
 }
+
+.sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
+	.sapMBtnInner{
+		border-color: @sapButton_BorderColor;
+	}
+	.sapMBtnIcon {
+		color: @sapButton_TextColor;
+	}
+}
 /************************ LINE MODE LIST VIEW ********************/
 
 .sapMGT.sapMGTLineMode {
@@ -152,9 +161,115 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
 	}
 }
 
+html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
+html.sap-desktop .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
+	box-shadow: none;
+	border-color: transparent !important;
+	.sapMGTFocusDiv{
+		outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
+	}
+}
+
 .TwoByOne.sapMGTActionMode {
 	border-radius: 1.25rem;
 	.sapMGTFocusDiv {
 		border-radius: 1.25rem !important;
 	}
-}
+}
+
+html.sap-desktop .sapMGT.sapMGTLineMode:hover{
+	box-shadow: none !important;
+	border: none !important;
+	.sapMGTFocusDiv {
+		border: 0.1875rem solid @sapTile_Interactive_BorderColor;
+		inset: -2px;
+	}
+}
+
+.sapMGT.sapMGTLineMode:active{
+	background-color: @sapTile_Active_Background;
+	outline: 2px solid @sapContent_FocusColor !important;
+	outline-offset: -0.125rem;
+	border: none !important;
+	.sapMGTFocusDiv{
+		border: none !important;
+		box-shadow: none !important;
+	}
+}
+
+
+.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
+	line-height: 2.125rem !important;
+	border: none;
+}
+.sapUiSizeCompact{
+	.sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
+		line-height: 1.5rem !important;
+	}
+}
+
+.sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
+	.sapMBtnBase.sapMGTMoreIcon{
+		.sapMBtnIcon{
+			border: 0.01rem solid;
+			border-radius: 0.5rem;
+			line-height: 1.7;
+		}
+	}
+}
+
+.sapUiSizeCompact{
+	.sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
+		.sapMBtnBase.sapMGTMoreIcon{
+			.sapMBtnIcon{
+				padding-left: 0.5rem;
+				padding-right: 0.5rem;
+				line-height: 1.5rem;
+				left: 0.4rem;
+			}
+		}
+	}
+}
+.sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
+	.sapMGTMoreIcon.sapMBtnBase{
+		.sapMBtnIcon{
+			bottom: 0.5rem;
+			left: -1.5rem;
+		}
+	}
+}
+
+.sapUiSizeCompact{
+	.sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
+		.sapMGTMoreIcon.sapMBtnBase{
+			.sapMBtnIcon{
+				bottom: 0.4rem;
+				left: -1.7rem
+			}
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeSingleAction {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 3rem;
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 1rem;
+		}
+	}
+}
+
+.sapUiMedia-GenericTileDeviceSet-large{
+	.sapMGTLineMode.sapMGTScopeActions {
+		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
+			padding-right: 4.5rem;
+		}
+	}
+}