ASC: "View info" and "Read more" buttons on home page are enlarging on clicking. - Known Error

ASC: "View info" and "Read more" buttons on home page are enlarging on clicking. Description ASC: "View info" and "Read more" buttons on home page are enlarging on clicking.

Steps to Reproduce

1. Login to instance and navigate to alumni service center as asc user.(instance/asc). 2. Click on view info and read more buttons and observe the buttons are enlarging.

Workaround Add default variables into CSS section of widgets. The reason this is breaking is because theme is missing the SCSS variables that widget is trying to use

Example in SP Widget "Styled Content (CD"

/* Default values for variables */ $background-primary: #FFFFFF !default; $brand-primary: #005B9D !default; $gray: #485563 !default; $text-neutral: #FFFFFF !default; $text-color: #181A1F !default; $gray-base: #000000 !default; $gray-dark: lighten($gray-base, 18.04%); $gray-darker: lighten($gray-base, 8.24%); $gray-light: lighten($gray-base, 40%); $headings-font-weight: 600 !default; $headings-line-height: 1.1 !default; $preview-outline: $brand-primary !default; $preview-outline-inactive: $gray !default; $font-size-base: 16px !default; $font-size-xs: 12px !default; $font-size-small: ceil(($font-size-base * 0.875)) !default; $font-size-h4: 18px !default; $color-light: #CBCBCB !default; $color-lightest: #FFFFFF !default; $color-white: #FFFFFF !default; $primary: $brand-primary !default; $border-tertiary: #DADDE2 !default;

.....