diff --git a/app/components/wallet/send/WalletSendForm.scss b/app/components/wallet/send/WalletSendForm.scss index 00c694b0a5..47d576798f 100755 --- a/app/components/wallet/send/WalletSendForm.scss +++ b/app/components/wallet/send/WalletSendForm.scss @@ -39,6 +39,7 @@ .checkbox { font-family: var(--font-mono-light); + width: fit-content; } } diff --git a/app/themes/overrides/CheckboxOverrides.scss b/app/themes/overrides/CheckboxOverrides.scss index 8b6d5b0c04..588ea6be18 100644 --- a/app/themes/overrides/CheckboxOverrides.scss +++ b/app/themes/overrides/CheckboxOverrides.scss @@ -2,6 +2,10 @@ .root { align-items: center; + + // Remove once this PR is merged + // https://github.com/input-output-hk/react-polymorph/pull/118 + width: fit-content; .checked { background-color: var(--rp-checkbox-check-bg-color); diff --git a/app/themes/overrides/CheckboxOverridesClassic.scss b/app/themes/overrides/CheckboxOverridesClassic.scss index e95fce4c5c..286182a16e 100644 --- a/app/themes/overrides/CheckboxOverridesClassic.scss +++ b/app/themes/overrides/CheckboxOverridesClassic.scss @@ -1,5 +1,11 @@ // Css module overrides go here … +.root { + // Remove once this PR is merged + // https://github.com/input-output-hk/react-polymorph/pull/118 + width: fit-content; +} + .check { // manually setting the z-index is a temporary fix until this PR is merged & we upgrade the lib // https://github.com/input-output-hk/react-polymorph/pull/99