diff --git a/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts b/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts index c4faeb6b8f9..72e9250b654 100644 --- a/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts +++ b/packages/main/src/components/AnalyticalCard/AnalyticalCard.jss.ts @@ -4,7 +4,7 @@ import * as spacing from '@ui5/webcomponents-react-base/lib/spacing'; const styles = { card: { backgroundColor: ThemingParameters.sapTile_Background, - border: `0.625rem solid ${ThemingParameters.sapTile_BorderColor}`, + border: `0.0625rem solid ${ThemingParameters.sapTile_BorderColor}`, boxShadow: ThemingParameters.sapContent_Shadow0, borderRadius: ThemingParameters.sapElement_BorderCornerRadius, textAlign: 'start', diff --git a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts index d465d104d9b..ec34eac4d5b 100644 --- a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts +++ b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.jss.ts @@ -1,3 +1,4 @@ +import * as spacing from '@ui5/webcomponents-react-base/lib/spacing'; import { ThemingParameters } from '@ui5/webcomponents-react-base/lib/ThemingParameters'; const styles = { @@ -8,10 +9,11 @@ const styles = { color: ThemingParameters.sapTextColor }, cardHeader: { - paddingTop: '1rem', - paddingBottom: '1rem', + ...spacing.sapUiContentPadding, outlineOffset: '-0.125rem', - borderBottom: `0.0625rem solid ${ThemingParameters.sapTile_BorderColor}`, + boxShadow: ThemingParameters.sapContent_HeaderShadow, + //TODO use sapTile_SeparatorColor when available + borderBottom: `0.0625rem solid ${ThemingParameters.sapToolbar_SeparatorColor}`, backgroundColor: ThemingParameters.sapTile_Background, fontFamily: ThemingParameters.sapFontHeaderFamily, '&:hover': {