diff --git a/packages/@adobe/spectrum-css-temp/components/checkbox/index.css b/packages/@adobe/spectrum-css-temp/components/checkbox/index.css index 8270c5a6920..bca5783e752 100644 --- a/packages/@adobe/spectrum-css-temp/components/checkbox/index.css +++ b/packages/@adobe/spectrum-css-temp/components/checkbox/index.css @@ -25,6 +25,7 @@ governing permissions and limitations under the License. .spectrum-Checkbox { display: inline-flex; + box-sizing: border-box; align-items: flex-start; position: relative; @@ -32,7 +33,7 @@ governing permissions and limitations under the License. min-block-size: var(--spectrum-checkbox-height); max-inline-size: 100%; - margin-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x) * 2); + padding-inline-end: calc(var(--spectrum-checkbox-cursor-hit-x) * 2); vertical-align: top; } @@ -59,7 +60,7 @@ governing permissions and limitations under the License. position: absolute; inset-block-start: 0; inset-inline-start: calc(var(--spectrum-checkbox-cursor-hit-x) * -1); - inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x) * 2); + inline-size: calc(100% + var(--spectrum-checkbox-cursor-hit-x)); block-size: 100%; opacity: .0001;