diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css index b8d5b539bc..007aecd266 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchDense.module.css @@ -5,37 +5,35 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ -@layer components { - .switchBody { - & .switchControl { - width: 24px; - height: 16px; - } - - & .switchControlTrack { - height: 10px; - border-radius: 5px; - } - - & .switchControlUnderlay { - margin-left: -3px; - } - - & .switchControlThumb { - width: 14px; - height: 14px; - border-width: 7px; - } - - & .checked .switchControlUnderlay { - margin-left: 13px; - } +.switchBody { + & .switchControl { + width: 24px; + height: 16px; } - /* overrides bold label style from SwitchDense.module.css because of specificity */ - .switchBody .fieldLabel { - font-weight: initial; + & .switchControlTrack { + height: 10px; + border-radius: 5px; } + + & .switchControlUnderlay { + margin-left: -3px; + } + + & .switchControlThumb { + width: 14px; + height: 14px; + border-width: 7px; + } + + & .checked .switchControlUnderlay { + margin-left: 13px; + } +} + +/* overrides bold label style from SwitchDense.module.css because of specificity */ +.switchBody .fieldLabel { + font-weight: initial; } .fieldLabel { diff --git a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css index 8b6886d26c..bd2270bc90 100644 --- a/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css +++ b/webapp/packages/core-blocks/src/FormControls/Checkboxes/SwitchPrimary.module.css @@ -5,13 +5,11 @@ * Licensed under the Apache License, Version 2.0. * you may not use this file except in compliance with the License. */ -@layer components { - .switchControl { - width: 36px; - height: 20px; - } +.switchControl { + width: 36px; + height: 20px; +} - .fieldLabel { - font-weight: 500; - } +.fieldLabel { + font-weight: 500; }