diff --git a/package.json b/package.json
index faf242819..5c201b6d8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@netdata/netdata-ui",
-  "version": "2.8.10",
+  "version": "2.8.12",
   "description": "netdata UI kit",
   "main": "./lib/index.js",
   "files": [
diff --git a/src/components/radio-button/index.js b/src/components/radio-button/index.js
index bac3ef1d8..19be3022a 100644
--- a/src/components/radio-button/index.js
+++ b/src/components/radio-button/index.js
@@ -1,9 +1,13 @@
 import React from "react"
 import { Text } from "src/components/typography"
-import { Input, Container, IconContainer, StyledIcon } from "./styled"
+import { Container, IconContainer, Input, StyledIcon } from "./styled"
 
 const radioButtonStyles = {
-  disabled: { containerColor: "disabled", dotColor: "disabled", borderColor: "disabled" },
+  disabled: {
+    containerColor: "disabledBackground",
+    dotColor: "disabledBackground",
+    borderColor: "disabledBackground",
+  },
   checked: { containerColor: "inputBg", dotColor: "primary", borderColor: "inputBorder" },
   checkedDisabled: { containerColor: "inputBg", dotColor: "disabled", borderColor: "inputBorder" },
   default: { containerColor: "inputBg", dotColor: "bright", borderColor: "inputBorder" },
diff --git a/src/components/radio-button/styled.js b/src/components/radio-button/styled.js
index f6f834e6c..d7689f087 100644
--- a/src/components/radio-button/styled.js
+++ b/src/components/radio-button/styled.js
@@ -31,6 +31,7 @@ export const IconContainer = styled.div`
   align-items: center;
   justify-content: center;
   overflow: hidden;
+  flex: 0 0 auto;
 
   height: 20px;
   width: 20px;