diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md b/packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md
index 6c69019ea9..33a372d67e 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+- We added new options for readonly style: "Selected content only". This options will display text of only the selected items when widget is in readonly mode. This is also alters the previous readonly mode: "Content only", to now display text of all available items.
+
 ## [1.1.1] - 2026-02-24
 
 ### Fixed
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml b/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml
index 9ec2a27136..045056ec8a 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/src/CheckboxRadioSelection.xml
@@ -253,6 +253,7 @@
                     <enumerationValues>
                         <enumerationValue key="bordered">Control</enumerationValue>
                         <enumerationValue key="text">Content only</enumerationValue>
+                        <enumerationValue key="selectedText">Selected content only</enumerationValue>
                     </enumerationValues>
                 </property>
             </propertyGroup>
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx
index ec3604ee93..3a567949ba 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx
@@ -48,7 +48,9 @@ export function CheckboxSelection({
             {options.map((optionId, index) => {
                 const isSelected = currentIds.includes(optionId);
                 const checkboxId = `${inputId}-checkbox-${index}`;
-
+                if (isReadOnly && !isSelected && readOnlyStyle === "selectedText") {
+                    return null;
+                }
                 return (
                     <div
                         key={optionId}
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx
index 7e7c9ea095..3e3db1fec5 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx
@@ -57,7 +57,7 @@ export function RadioSelection({
             {options.map((optionId, index) => {
                 const isSelected = currentId === optionId;
                 const controlId = `${inputId}-${selector.controlType}-${index}`;
-                if (isReadOnly && !isSelected && readOnlyStyle === "text") {
+                if (isReadOnly && !isSelected && readOnlyStyle === "selectedText") {
                     return null;
                 }
 
@@ -68,7 +68,7 @@ export function RadioSelection({
                             "widget-checkbox-radio-selection-item-selected": isSelected
                         })}
                     >
-                        <If condition={!isReadOnly || readOnlyStyle !== "text"}>
+                        <If condition={!isReadOnly || readOnlyStyle !== "selectedText"}>
                             <input
                                 type={selector.controlType}
                                 id={controlId}
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/src/ui/CheckboxRadioSelection.scss b/packages/pluggableWidgets/checkbox-radio-selection-web/src/ui/CheckboxRadioSelection.scss
index 34b6148712..78ebfba5fe 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/src/ui/CheckboxRadioSelection.scss
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/src/ui/CheckboxRadioSelection.scss
@@ -1,14 +1,24 @@
 // Checkbox Radio Selection Widget Styles
 .widget-checkbox-radio-selection {
-    display: block;
+    display: flex;
     position: relative;
     min-width: 0;
+    align-items: center;
 
     &-readonly {
         &.widget-checkbox-radio-selection-readonly-text {
+            .checkbox-item,
             .radio-item {
-                display: none;
+                input {
+                    display: none;
+                }
+            }
+        }
 
+        &.widget-checkbox-radio-selection-readonly-selectedText {
+            .radio-item,
+            .checkbox-item {
+                display: none;
                 &.widget-checkbox-radio-selection-item-selected {
                     display: block;
 
@@ -28,7 +38,9 @@
     &-item {
         display: flex;
         align-items: center;
-        margin-bottom: 5px;
+        &:not(:last-child) {
+            margin-bottom: var(--spacing-smaller, 4px);
+        }
         input {
             flex: 0 0 16px;
         }
diff --git a/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts b/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts
index d7cadccba5..293c3e48e9 100644
--- a/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts
+++ b/packages/pluggableWidgets/checkbox-radio-selection-web/typings/CheckboxRadioSelectionProps.d.ts
@@ -27,7 +27,7 @@ export type ControlTypeEnum = "checkbox" | "radio";
 
 export type CustomEditabilityEnum = "default" | "never" | "conditionally";
 
-export type ReadOnlyStyleEnum = "bordered" | "text";
+export type ReadOnlyStyleEnum = "bordered" | "text" | "selectedText";
 
 export interface OptionsSourceStaticDataSourcePreviewType {
     staticDataSourceValue: string;