US206196 moved close button padding from the svg to the container.

Author: chrisdo1

elements/pfe-modal/src/pfe-modal.scss

@@ -14,6 +14,7 @@ $pfe-modal--breakpoint--medium: 640px;
 	--pfe-modal__overlay--BackgroundColor: #{pfe-color(overlay)};
 	--pfe-modal--CloseButtonSize: calc(#{pfe-var(ui--element--size)} - 4px);
 	display: block;
+	position: relative;
 }
 
 :host(:not([has_header])) {
@@ -29,7 +30,6 @@ $pfe-modal--breakpoint--medium: 640px;
 	&__wrapper {
 		position: absolute;
 		z-index: 2;
-		top: calc(#{pfe-local(MaxHeight)} - 50vh);
 		top: 10%;
 		left: 0;
 		right: 0;
@@ -84,14 +84,14 @@ $pfe-modal--breakpoint--medium: 640px;
 		right: calc(#{pfe-var(container-padding)} * .5);
 		cursor: pointer;
 		line-height: .5;
+		padding: pfe-var(container-padding);
 
 		@media screen and (min-width: $pfe-modal--breakpoint--medium) {
 			top: calc(#{pfe-var(container-padding)} * .75);
 			right: calc(#{pfe-var(container-padding)} * .75);
 		}
 
 		> svg {
-			padding: 20px;
 			fill: pfe-radio(text);
 			height: pfe-var(ui--element--size);
 			width: pfe-var(ui--element--size);