diff --git a/src/app/_samples/mediaco/mediaCoStyles.scss b/src/app/_samples/mediaco/mediaCoStyles.scss index 937e3f38..5d3dee83 100644 --- a/src/app/_samples/mediaco/mediaCoStyles.scss +++ b/src/app/_samples/mediaco/mediaCoStyles.scss @@ -14,4 +14,14 @@ border-color: var(--app-sys-secondary-button-border) !important; } // Action Buttons styles for MediaCo sample app - end + + // Self Service Case View styles for MediaCo sample app - start + .psdk-flow-container-top { + background-color: #fff !important; + padding: 0.5rem 0.625rem !important; + border-radius: 0 !important; + border-top-left-radius: 2rem !important; + border-bottom: gray 0.0625rem solid !important; + } + // Self Service Case View styles for MediaCo sample app - end } diff --git a/src/containerStyles.scss b/src/containerStyles.scss index 0d42c438..5a2f9905 100644 --- a/src/containerStyles.scss +++ b/src/containerStyles.scss @@ -9,10 +9,9 @@ app-flow-container { } .psdk-flow-container-top { - background-color: #fff; + background-color: var(--mat-sys-surface-container); padding: 0.5rem 0.625rem; - border-top-left-radius: 2rem; - border-bottom: gray 0.0625rem solid; + border-radius: 0.3125rem; } .psdk-flow-container { padding-left: 2.1875rem;