diff --git a/scm-ui/ui-components/src/forms/Radio.tsx b/scm-ui/ui-components/src/forms/Radio.tsx
index 429fc91077..e9aea098c4 100644
--- a/scm-ui/ui-components/src/forms/Radio.tsx
+++ b/scm-ui/ui-components/src/forms/Radio.tsx
@@ -1,5 +1,11 @@
 import React, { ChangeEvent } from "react";
 import { Help } from "../index";
+import styled from "styled-components";
+
+
+const StyledRadio = styled.label`
+  margin-right: 0.5em;
+`;
 
 type Props = {
   label?: string;
@@ -33,7 +39,7 @@ class Radio extends React.Component<Props> {
         because jsx label does not the custom disabled attribute
         but bulma does.
         // @ts-ignore */}
-        <label className="radio" disabled={this.props.disabled}>
+        <StyledRadio className="radio" disabled={this.props.disabled}>
           <input
             type="radio"
             name={this.props.name}
@@ -44,7 +50,7 @@ class Radio extends React.Component<Props> {
           />{" "}
           {this.props.label}
           {this.renderHelp()}
-        </label>
+        </StyledRadio>
       </>
     );
   }
diff --git a/scm-ui/ui-styles/src/scm.scss b/scm-ui/ui-styles/src/scm.scss
index cc62fa5dd6..dada35eb6b 100644
--- a/scm-ui/ui-styles/src/scm.scss
+++ b/scm-ui/ui-styles/src/scm.scss
@@ -813,6 +813,12 @@ form .field:not(.is-grouped) {
   }
 }
 
+// radio
+//overwrite bulma's default margin
+.radio + .radio {
+  margin-left: 0;
+}
+
 // cursor
 .has-cursor-pointer {
   cursor: pointer;