[WC-3148] Fix radio button distortion (#285)

Author: r0b1n

packages/atlas-core/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   We fixed an issue with radio buttons being distorted in some cases.
+
 ## [4.3.0] Atlas Core - 2025-10-10
 
 ### Breaking change

packages/atlas-core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "atlas-core",
   "moduleName": "Atlas Core",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "license": "Apache-2.0",
   "copyright": "© Mendix Technology BV 2024. All rights reserved.",
   "repository": {

packages/atlas/src/themesource/atlas_core/web/core/_legacy/_mxui.scss

@@ -2352,14 +2352,8 @@ Main class hierarchy:
         display: inline-block;
     }
 
-    .mx-radiobuttons.inline .radio {
-        display: inline-block;
-        margin-right: 20px;
-    }
-
     .mx-radiobuttons .radio input[type="radio"] {
         /* Reset bootstrap rules */
-        position: static;
         margin-right: 8px;
         margin-left: 0;
     }

packages/atlas/src/themesource/atlas_core/web/core/widgets/_radio-button.scss

@@ -25,14 +25,15 @@
     }
 
     .radio {
-        display: flex !important; // Remove after mxui merge
+        display: flex;
         align-items: center;
         margin-top: 0;
     }
 
     input[type="radio"] {
-        position: relative !important; // Remove after mxui merge
+        position: relative !important;
         width: 16px;
+        flex: 0 0 16px;
         height: 16px;
         margin: 0;
         cursor: pointer;