diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue
index aed735e2abbd7..3667870de5ad2 100644
--- a/apps/files_sharing/src/views/SharingDetailsTab.vue
+++ b/apps/files_sharing/src/views/SharingDetailsTab.vue
@@ -1056,9 +1056,15 @@ export default {
 						flex-direction: column;
 					}
 				}
-
-				.subline {
-					display: block;
+				
+				/* Target component based style in NcCheckboxRadioSwitch slot content*/
+				:deep(span.checkbox-content__text.checkbox-radio-switch__text) {
+					flex-wrap: wrap;
+
+					.subline {
+						display: block;
+						flex-basis: 100%;
+					}
 				}
 			}