diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html
index 8456bf90c..22c900383 100644
--- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html
+++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/previews/radio-preview/radio-preview.component.html
@@ -32,7 +32,12 @@
+
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html
index d5232c192..bfbe7f4ff 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.html
@@ -17,4 +17,4 @@
-{{ error }}
+{{ error }}
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts
index d3ffb6721..1befcbf62 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio-group.component.ts
@@ -290,6 +290,7 @@ export class DxcRadioGroupComponent implements OnInit {
font-weight: var(--radioGroup-errorMessageFontWeight);
line-height: var(--radioGroup-errorMessageLineHeight);
font-family: var(--radioGroup-labelFontFamily);
+ height: var(--radioGroup-errorMessageLineHeight);
}
.valueInput {
display: none;
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts
index 325b5898f..e3cf0d164 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-radio-group/dxc-radio/dxc-radio.component.ts
@@ -137,7 +137,7 @@ export class DxcRadioGroupItemComponent implements OnInit {
return css`
display: inline-flex;
align-items: center;
- ${inputs.disabled ? "pointer-events: none" : "cursor: pointer"};
+ ${inputs.disabled ? "pointer-events: none" : inputs.readOnlyState ? "cursor: default" : "cursor: pointer"};
width: fit-content;
.radioInputContainer {
display: flex;