chore: fix radio button distortion

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.
+
 ### Changed
 
 -   Moved .sr-only from bootstrap to base

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

@@ -2357,14 +2357,8 @@ Main class hierarchy:
         padding-right: 15px;
     }
 
-    .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;