diff --git a/packages/survey-angular-ui/src/string-viewer.component.html b/packages/survey-angular-ui/src/string-viewer.component.html
index a7a5520e65..c2135f1d6b 100644
--- a/packages/survey-angular-ui/src/string-viewer.component.html
+++ b/packages/survey-angular-ui/src/string-viewer.component.html
@@ -1,2 +1,2 @@
-<span *ngIf="!model.hasHtml" class="sv-string-viewer">{{model.renderedHtml}}</span>
-<span *ngIf="model.hasHtml" class="sv-string-viewer" [innerHtml]="model.renderedHtml | safeHtml"></span>
\ No newline at end of file
+<span *ngIf="!model.hasHtml" [class]="className">{{model.renderedHtml}}</span>
+<span *ngIf="model.hasHtml" [class]="className" [innerHtml]="model.renderedHtml | safeHtml"></span>
\ No newline at end of file
diff --git a/packages/survey-angular-ui/src/string-viewer.component.ts b/packages/survey-angular-ui/src/string-viewer.component.ts
index 8ecee91cee..cb160af105 100644
--- a/packages/survey-angular-ui/src/string-viewer.component.ts
+++ b/packages/survey-angular-ui/src/string-viewer.component.ts
@@ -9,10 +9,12 @@ import { AngularComponentFactory } from "./component-factory";
 })
 export class StringViewerComponent implements DoCheck {
   @Input() model!: LocalizableString;
+  className: string = "";
   private previousModel: LocalizableString | undefined;
   constructor(private changeDetectorRef: ChangeDetectorRef) {}
   ngDoCheck(): void {
     if(this.model !== this.previousModel) {
+      this.className = this.model.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
       if(!!this.previousModel) {
         this.clearOnChanged(this.previousModel);
       }
diff --git a/packages/survey-vue3-ui/src/StringViewer.vue b/packages/survey-vue3-ui/src/StringViewer.vue
index bea62832f9..fa967dc2c6 100644
--- a/packages/survey-vue3-ui/src/StringViewer.vue
+++ b/packages/survey-vue3-ui/src/StringViewer.vue
@@ -1,10 +1,10 @@
 <template>
   <span
-    class="sv-string-viewer"
+    :class="className"
     v-if="locString.hasHtml"
     v-html="renderedHtml"
   ></span>
-  <span class="sv-string-viewer" v-else>{{ renderedHtml }}</span>
+  <span :class="className" v-else>{{ renderedHtml }}</span>
 </template>
 
 <script lang="ts" setup>
@@ -14,4 +14,5 @@ const props = defineProps<{
   locString: LocalizableString;
 }>();
 const renderedHtml = useLocString(() => props.locString);
+const className = props.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
 </script>
diff --git a/src/common-styles/sv-string-viewer.scss b/src/common-styles/sv-string-viewer.scss
index 634812980f..93b9724899 100644
--- a/src/common-styles/sv-string-viewer.scss
+++ b/src/common-styles/sv-string-viewer.scss
@@ -1,5 +1,5 @@
 .sv-string-viewer {
-    .sv-string-viewer--multiline {
+    &.sv-string-viewer--multiline {
         white-space: pre-wrap;
     }
 }
\ No newline at end of file
diff --git a/src/react/string-viewer.tsx b/src/react/string-viewer.tsx
index 17754bb5d0..3e3f50e82a 100644
--- a/src/react/string-viewer.tsx
+++ b/src/react/string-viewer.tsx
@@ -44,11 +44,12 @@ export class SurveyLocStringViewer extends React.Component<any, any> {
     return strEl;
   }
   protected renderString(): JSX.Element {
+    const className = this.locStr.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
     if (this.locStr.hasHtml) {
       let htmlValue = { __html: this.locStr.renderedHtml };
-      return <span ref={this.rootRef} className="sv-string-viewer" style={this.style} dangerouslySetInnerHTML={htmlValue} />;
+      return <span ref={this.rootRef} className={className} style={this.style} dangerouslySetInnerHTML={htmlValue} />;
     }
-    return <span ref={this.rootRef} className="sv-string-viewer" style={this.style}>{this.locStr.renderedHtml}</span>;
+    return <span ref={this.rootRef} className={className} style={this.style}>{this.locStr.renderedHtml}</span>;
   }
 }
 
diff --git a/src/vue/string-viewer.vue b/src/vue/string-viewer.vue
index e12ced01a1..952697a556 100644
--- a/src/vue/string-viewer.vue
+++ b/src/vue/string-viewer.vue
@@ -1,10 +1,10 @@
 <template>
   <span
-    class="sv-string-viewer"
+    :class="className"
     v-if="locString.hasHtml"
     v-html="locString.renderedHtml"
   ></span>
-  <span class="sv-string-viewer" v-else>{{ locString.renderedHtml }}</span>
+  <span :class="className" v-else>{{ locString.renderedHtml }}</span>
 </template>
 
 <script lang="ts">
@@ -15,10 +15,12 @@ import { LocalizableString } from "survey-core";
 @Component
 export class SurveyStringViewer extends Vue {
   @Prop() locString: LocalizableString;
+  className: string;
 
   constructor() {
     super();
     if (!this.locString) return;
+    this.className = this.locString.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
     const self = this;
     this.locString.onChanged = () => {
       self.$forceUpdate();
diff --git a/tests/markup/snapshots/boolean-checkbox-custom-icon.snap.html b/tests/markup/snapshots/boolean-checkbox-custom-icon.snap.html
index 3b7c919460..bd8b45e8c8 100644
--- a/tests/markup/snapshots/boolean-checkbox-custom-icon.snap.html
+++ b/tests/markup/snapshots/boolean-checkbox-custom-icon.snap.html
@@ -11,7 +11,7 @@
 				</span>
 			</span>
 			<span class="sv-boolean__label" id="testid0_ariaTitle">
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</span>
 		</label>
 	</div>
diff --git a/tests/markup/snapshots/boolean-checkbox-defaultV2.snap.html b/tests/markup/snapshots/boolean-checkbox-defaultV2.snap.html
index 5f3bfc250d..99a2c24963 100644
--- a/tests/markup/snapshots/boolean-checkbox-defaultV2.snap.html
+++ b/tests/markup/snapshots/boolean-checkbox-defaultV2.snap.html
@@ -11,7 +11,7 @@
 				</span>
 			</span>
 			<span class="sd-item__control-label" id="testid0_ariaTitle">
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</span>
 		</label>
 	</div>
diff --git a/tests/markup/snapshots/boolean-checkbox-disabled-defaultV2.snap.html b/tests/markup/snapshots/boolean-checkbox-disabled-defaultV2.snap.html
index 7bc30e524b..8dd8ab0b7f 100644
--- a/tests/markup/snapshots/boolean-checkbox-disabled-defaultV2.snap.html
+++ b/tests/markup/snapshots/boolean-checkbox-disabled-defaultV2.snap.html
@@ -11,7 +11,7 @@
 				</span>
 			</span>
 			<span class="sd-item__control-label" id="testid0_ariaTitle">
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</span>
 		</label>
 	</div>
diff --git a/tests/markup/snapshots/boolean-checkbox.snap.html b/tests/markup/snapshots/boolean-checkbox.snap.html
index 5e8a7bb326..506f5e495d 100644
--- a/tests/markup/snapshots/boolean-checkbox.snap.html
+++ b/tests/markup/snapshots/boolean-checkbox.snap.html
@@ -7,7 +7,7 @@
 				</span>
 			</span>
 			<span class="sv-boolean__label" id="testid0_ariaTitle">
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</span>
 		</label>
 	</div>
diff --git a/tests/markup/snapshots/boolean-radio-v2.snap.html b/tests/markup/snapshots/boolean-radio-v2.snap.html
index c58d9302a7..bd37c03815 100644
--- a/tests/markup/snapshots/boolean-radio-v2.snap.html
+++ b/tests/markup/snapshots/boolean-radio-v2.snap.html
@@ -1,22 +1,22 @@
-<div class="sv_qcbc sv_qbln sd-scrollable-container sd-scrollable-container--compact">
+<div class="sd-scrollable-container sd-scrollable-container--compact sv_qbln sv_qcbc">
 	<fieldset class="sd-selectbase" role="presentation">
 		<div class="sd-item sd-item--checked sd-radio--checked" role="presentation">
 			<label class="sd-selectbase__label">
-				<input checked="" class="sd-visuallyhidden sd-item__control sd-radio__control" name="name" type="radio" value="false">
+				<input checked="" class="sd-item__control sd-radio__control sd-visuallyhidden" name="name" type="radio" value="false">
 				<span class="sd-item__decorator sd-radio__decorator">
 				</span>
 				<span class="sd-item__control-label">
-					<span class="sv-string-viewer">No</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 				</span>
 			</label>
 		</div>
 		<div class="sd-item" role="presentation">
 			<label class="sd-selectbase__label">
-				<input class="sd-visuallyhidden sd-item__control sd-radio__control" name="name" type="radio" value="true">
+				<input class="sd-item__control sd-radio__control sd-visuallyhidden" name="name" type="radio" value="true">
 				<span class="sd-item__decorator sd-radio__decorator">
 				</span>
 				<span class="sd-item__control-label">
-					<span class="sv-string-viewer">Yes</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 				</span>
 			</label>
 		</div>
diff --git a/tests/markup/snapshots/boolean-radio-values.snap.html b/tests/markup/snapshots/boolean-radio-values.snap.html
index dd5e640279..6ffe748adf 100644
--- a/tests/markup/snapshots/boolean-radio-values.snap.html
+++ b/tests/markup/snapshots/boolean-radio-values.snap.html
@@ -4,7 +4,7 @@
 			<label>
 				<input name="name" type="radio" value="false">
 				<span>
-					<span class="sv-string-viewer">No</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 				</span>
 			</label>
 		</div>
@@ -12,7 +12,7 @@
 			<label>
 				<input checked="" name="name" type="radio" value="true">
 				<span>
-					<span class="sv-string-viewer">Yes</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 				</span>
 			</label>
 		</div>
diff --git a/tests/markup/snapshots/boolean-radio.snap.html b/tests/markup/snapshots/boolean-radio.snap.html
index d91bae4139..6ffe748adf 100644
--- a/tests/markup/snapshots/boolean-radio.snap.html
+++ b/tests/markup/snapshots/boolean-radio.snap.html
@@ -1,10 +1,10 @@
-<div class="sv_qcbc sv_qbln">
+<div class="sv_qbln sv_qcbc">
 	<fieldset role="presentation">
 		<div role="presentation">
 			<label>
 				<input name="name" type="radio" value="false">
 				<span>
-					<span class="sv-string-viewer">No</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 				</span>
 			</label>
 		</div>
@@ -12,7 +12,7 @@
 			<label>
 				<input checked="" name="name" type="radio" value="true">
 				<span>
-					<span class="sv-string-viewer">Yes</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 				</span>
 			</label>
 		</div>
diff --git a/tests/markup/snapshots/boolean-v2.snap.html b/tests/markup/snapshots/boolean-v2.snap.html
index 517490b05f..1f7f33cf8e 100644
--- a/tests/markup/snapshots/boolean-v2.snap.html
+++ b/tests/markup/snapshots/boolean-v2.snap.html
@@ -3,7 +3,7 @@
 		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label">
-				<span class="sv-string-viewer">No</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 			</span>
 		</div>
 		<div class="sd-boolean__switch">
@@ -12,7 +12,7 @@
 		</div>
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label">
-				<span class="sv-string-viewer">Yes</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 			</span>
 		</div>
 	</label>
diff --git a/tests/markup/snapshots/boolean-value-v2.snap.html b/tests/markup/snapshots/boolean-value-v2.snap.html
index 3d3f012014..a6c7a80d65 100644
--- a/tests/markup/snapshots/boolean-value-v2.snap.html
+++ b/tests/markup/snapshots/boolean-value-v2.snap.html
@@ -3,19 +3,19 @@
 		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" checked="" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="true">
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label sd-boolean__label--false sd-checkbox__label--disabled">
-				<span class="sv-string-viewer">No</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 			</span>
 		</div>
 		<div class="sd-boolean__switch">
 			<span class="sd-boolean__thumb">
 				<span class="sd-boolean__thumb-text">
-					<span class="sv-string-viewer">Yes</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 				</span>
 			</span>
 		</div>
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label sd-boolean__label--true">
-				<span class="sv-string-viewer">Yes</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 			</span>
 		</div>
 	</label>
diff --git a/tests/markup/snapshots/boolean.snap.html b/tests/markup/snapshots/boolean.snap.html
index 592f28a407..3743f20a4e 100644
--- a/tests/markup/snapshots/boolean.snap.html
+++ b/tests/markup/snapshots/boolean.snap.html
@@ -3,7 +3,7 @@
 		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sv-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
 		<div class="sv-boolean__thumb-ghost">
 			<span class="sv-boolean__label">
-				<span class="sv-string-viewer">No</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
 			</span>
 		</div>
 		<div class="sv-boolean__switch">
@@ -12,7 +12,7 @@
 		</div>
 		<div class="sv-boolean__thumb-ghost">
 			<span class="sv-boolean__label">
-				<span class="sv-string-viewer">Yes</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Yes</span>
 			</span>
 		</div>
 	</label>
diff --git a/tests/markup/snapshots/file-2-png.snap.html b/tests/markup/snapshots/file-2-png.snap.html
index dd15a3c570..c07240309e 100644
--- a/tests/markup/snapshots/file-2-png.snap.html
+++ b/tests/markup/snapshots/file-2-png.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-2-zip-png-file-navigator.snap.html b/tests/markup/snapshots/file-2-zip-png-file-navigator.snap.html
index d1945b9991..9d5da99f03 100644
--- a/tests/markup/snapshots/file-2-zip-png-file-navigator.snap.html
+++ b/tests/markup/snapshots/file-2-zip-png-file-navigator.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-2-zip-png.snap.html b/tests/markup/snapshots/file-2-zip-png.snap.html
index 284d03b60a..f6f4fc921b 100644
--- a/tests/markup/snapshots/file-2-zip-png.snap.html
+++ b/tests/markup/snapshots/file-2-zip-png.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-2-zip.snap.html b/tests/markup/snapshots/file-2-zip.snap.html
index abd6622784..3f63d6652b 100644
--- a/tests/markup/snapshots/file-2-zip.snap.html
+++ b/tests/markup/snapshots/file-2-zip.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-2.snap.html b/tests/markup/snapshots/file-2.snap.html
index f038f3ebbe..c05d218811 100644
--- a/tests/markup/snapshots/file-2.snap.html
+++ b/tests/markup/snapshots/file-2.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-camera.snap.html b/tests/markup/snapshots/file-camera.snap.html
index 07402ed8b5..dacba55f7e 100644
--- a/tests/markup/snapshots/file-camera.snap.html
+++ b/tests/markup/snapshots/file-camera.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Select File" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-image-size.snap.html b/tests/markup/snapshots/file-image-size.snap.html
index 06800f5a33..4f30efe1de 100644
--- a/tests/markup/snapshots/file-image-size.snap.html
+++ b/tests/markup/snapshots/file-image-size.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Replace file" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-mob2-png.snap.html b/tests/markup/snapshots/file-mob2-png.snap.html
index e26a13bd7d..73c258c0f2 100644
--- a/tests/markup/snapshots/file-mob2-png.snap.html
+++ b/tests/markup/snapshots/file-mob2-png.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-mob2-zip-png.snap.html b/tests/markup/snapshots/file-mob2-zip-png.snap.html
index 03d2ec749c..d647aa96b7 100644
--- a/tests/markup/snapshots/file-mob2-zip-png.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip-png.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-mob2-zip.snap.html b/tests/markup/snapshots/file-mob2-zip.snap.html
index f3c259e150..857802f192 100644
--- a/tests/markup/snapshots/file-mob2-zip.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-mob2.snap.html b/tests/markup/snapshots/file-mob2.snap.html
index 9f7fa51d73..69c48d3ded 100644
--- a/tests/markup/snapshots/file-mob2.snap.html
+++ b/tests/markup/snapshots/file-mob2.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-mode-both.snap.html b/tests/markup/snapshots/file-mode-both.snap.html
index 914d7f517a..72ba74a5d4 100644
--- a/tests/markup/snapshots/file-mode-both.snap.html
+++ b/tests/markup/snapshots/file-mode-both.snap.html
@@ -3,7 +3,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Drag and drop or select a file to upload or take a photo using the camera.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop or select a file to upload or take a photo using the camera.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-mode-camera.snap.html b/tests/markup/snapshots/file-mode-camera.snap.html
index 14c01f95c2..ac30674621 100644
--- a/tests/markup/snapshots/file-mode-camera.snap.html
+++ b/tests/markup/snapshots/file-mode-camera.snap.html
@@ -2,7 +2,7 @@
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
 			<span class="sd-file__drag-area-placeholder">
-				<span class="sv-string-viewer">Click the button below to take a photo using the camera.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Click the button below to take a photo using the camera.</span>
 			</span>
 			<div class="sd-file__wrapper">
 				<div class="sd-action-bar sd-file__actions-container">
diff --git a/tests/markup/snapshots/file-modern-png.snap.html b/tests/markup/snapshots/file-modern-png.snap.html
index bdb6a8a6de..294d341cc8 100644
--- a/tests/markup/snapshots/file-modern-png.snap.html
+++ b/tests/markup/snapshots/file-modern-png.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sv-file__wrapper">
 				<label aria-label="Replace file" class="sv-btn sv-file__choose-btn" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-modern-zip-png.snap.html b/tests/markup/snapshots/file-modern-zip-png.snap.html
index 84348dd785..bf6c6e1e5c 100644
--- a/tests/markup/snapshots/file-modern-zip-png.snap.html
+++ b/tests/markup/snapshots/file-modern-zip-png.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sv-file__wrapper">
 				<label aria-label="Select File" class="sv-btn sv-file__choose-btn" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-modern-zip.snap.html b/tests/markup/snapshots/file-modern-zip.snap.html
index 24bd40eb5a..617387e0dd 100644
--- a/tests/markup/snapshots/file-modern-zip.snap.html
+++ b/tests/markup/snapshots/file-modern-zip.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sv-file__wrapper">
 				<label aria-label="Replace file" class="sv-btn sv-file__choose-btn" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-modern.snap.html b/tests/markup/snapshots/file-modern.snap.html
index 44f4136b49..213c9fa609 100644
--- a/tests/markup/snapshots/file-modern.snap.html
+++ b/tests/markup/snapshots/file-modern.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div class="sv-file__wrapper">
 				<label aria-label="Select File" class="sv-btn sv-file__choose-btn" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-png.snap.html b/tests/markup/snapshots/file-png.snap.html
index 2d1695d145..ecbdba08eb 100644
--- a/tests/markup/snapshots/file-png.snap.html
+++ b/tests/markup/snapshots/file-png.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Replace file" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-zip-png.snap.html b/tests/markup/snapshots/file-zip-png.snap.html
index 33f8ed3772..fb42b65283 100644
--- a/tests/markup/snapshots/file-zip-png.snap.html
+++ b/tests/markup/snapshots/file-zip-png.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Select File" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file-zip.snap.html b/tests/markup/snapshots/file-zip.snap.html
index fa0a6eab72..eb93f448e0 100644
--- a/tests/markup/snapshots/file-zip.snap.html
+++ b/tests/markup/snapshots/file-zip.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Replace file" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/file.snap.html b/tests/markup/snapshots/file.snap.html
index 11a1063719..e5693a3f6c 100644
--- a/tests/markup/snapshots/file.snap.html
+++ b/tests/markup/snapshots/file.snap.html
@@ -3,7 +3,7 @@
 	<div>
 		<div class="sv-file__decorator">
 			<span class="sv-hidden">
-				<span class="sv-string-viewer">Drag and drop a file here or click the button below to select a file to upload.</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Drag and drop a file here or click the button below to select a file to upload.</span>
 			</span>
 			<div>
 				<label aria-label="Select File" class="sv_q_file_choose_button" for="testid0i" tabindex="0">
diff --git a/tests/markup/snapshots/martix-celltype-text-a11y.snap.html b/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
index 6218e70516..6661206768 100644
--- a/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
+++ b/tests/markup/snapshots/martix-celltype-text-a11y.snap.html
@@ -5,7 +5,7 @@
 				<td class="sv_matrix_cell_header sv_matrix_cell--dropdown">
 				</td>
 				<th class="sv_matrix_cell_header sv_matrix_cell--text">
-					<span class="sv-string-viewer">Number of people</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">Number of people</span>
 				</th>
 			</tr>
 		</thead>
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
index ffdd22aa8b..b28054aa38 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
@@ -5,7 +5,7 @@
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--empty sd-table__cell--header">
 				</td>
 				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer">col1</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
 					<span>&nbsp;</span>
 					<span class="sd-question__required-text">*</span>
 				</th>
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
index 513e7e4049..3b6c434661 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
@@ -5,7 +5,7 @@
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--empty sd-table__cell--header">
 				</td>
 				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer">col1</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
 					<span>&nbsp;</span>
 					<span class="sd-question__required-text">*</span>
 				</th>
diff --git a/tests/markup/snapshots/matrixdropdown-vertical.snap.html b/tests/markup/snapshots/matrixdropdown-vertical.snap.html
index 7ab97feb8d..7d57de22f6 100644
--- a/tests/markup/snapshots/matrixdropdown-vertical.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-vertical.snap.html
@@ -15,7 +15,7 @@
 		<tbody>
 			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" data-responsive-title="" title="">
-					<span class="sv-string-viewer">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
 					</span>
 				</td>
 				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
@@ -31,7 +31,7 @@
 			</tr>
 			<tr class="sd-table__row sd-table__row--expanded sd-table__row--has-panel">
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--row-text" colspan="1" data-responsive-title="" title="">
-					<span class="sv-string-viewer">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
 					</span>
 				</td>
 				<td class="sd-table__cell" colspan="1" data-responsive-title="" title="">
diff --git a/tests/markup/snapshots/matrixdropdown.snap.html b/tests/markup/snapshots/matrixdropdown.snap.html
index ee60af1f91..23aaf0e55a 100644
--- a/tests/markup/snapshots/matrixdropdown.snap.html
+++ b/tests/markup/snapshots/matrixdropdown.snap.html
@@ -5,11 +5,11 @@
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header sd-table__cell--text">
 				</td>
 				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
 					</span>
 				</th>
 				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--text">
-					<span class="sv-string-viewer">
+					<span class="sv-string-viewer sv-string-viewer--multiline">
 					</span>
 				</th>
 			</tr>
diff --git a/tests/markup/snapshots/matrixdynamic-default.snap.html b/tests/markup/snapshots/matrixdynamic-default.snap.html
index 12801ad937..7446fe4f36 100644
--- a/tests/markup/snapshots/matrixdynamic-default.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-default.snap.html
@@ -4,13 +4,13 @@
 			<thead>
 				<tr>
 					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
-						<span class="sv-string-viewer">Column 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 1</span>
 					</th>
 					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
-						<span class="sv-string-viewer">Column 2</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 2</span>
 					</th>
 					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
-						<span class="sv-string-viewer">Column 3</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 3</span>
 					</th>
 					<td class="sv_matrix_cell_header sv_matrix_cell--action">
 					</td>
diff --git a/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html b/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
index 8c6de79071..9f7eb06646 100644
--- a/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-defaultV2.snap.html
@@ -4,13 +4,13 @@
 			<thead>
 				<tr>
 					<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--header">
-						<span class="sv-string-viewer">Column 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 1</span>
 					</th>
 					<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--header">
-						<span class="sv-string-viewer">Column 2</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 2</span>
 					</th>
 					<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--header">
-						<span class="sv-string-viewer">Column 3</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 3</span>
 					</th>
 					<td class="sd-table__cell sd-table__cell--action sd-table__cell--column-title sd-table__cell--empty sd-table__cell--header">
 					</td>
diff --git a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
index 70f49877a0..3150053e1a 100644
--- a/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-show-in-multiple-columns-mobile.snap.html
@@ -5,12 +5,12 @@
 				<td class="sd-table__cell sd-table__cell--column-title sd-table__cell--dropdown sd-table__cell--empty sd-table__cell--header">
 				</td>
 				<th class="sd-table__cell sd-table__cell--column-title sd-table__cell--header sd-table__cell--radiogroup">
-					<span class="sv-string-viewer">col1</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">col1</span>
 					<span>&nbsp;</span>
 					<span class="sd-question__required-text">*</span>
 				</th>
 				<th class="sd-table__cell sd-table__cell--checkbox sd-table__cell--column-title sd-table__cell--header">
-					<span class="sv-string-viewer">col2</span>
+					<span class="sv-string-viewer sv-string-viewer--multiline">col2</span>
 					<span>&nbsp;</span>
 					<span class="sd-question__required-text">*</span>
 				</th>
diff --git a/tests/markup/snapshots/matrixdynamic-totals.snap.html b/tests/markup/snapshots/matrixdynamic-totals.snap.html
index e886e94a84..93047070c5 100644
--- a/tests/markup/snapshots/matrixdynamic-totals.snap.html
+++ b/tests/markup/snapshots/matrixdynamic-totals.snap.html
@@ -4,7 +4,7 @@
 			<thead>
 				<tr>
 					<th class="sv_matrix_cell_header sv_matrix_cell--dropdown">
-						<span class="sv-string-viewer">Column 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Column 1</span>
 					</th>
 					<td class="sv_matrix_cell_header sv_matrix_cell--action">
 					</td>
diff --git a/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html b/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
index a84f89909f..445b3493d3 100644
--- a/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
+++ b/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
@@ -4,7 +4,7 @@
 			<td class="sd-multipletext__cell">
 				<label class="sd-input sd-multipletext__item-container sd-multipletext__item-container--allow-focus sd-multipletext__item-container--error">
 					<span class="sd-multipletext__item-title">
-						<span class="sv-string-viewer">Text 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 1</span>
 						<span>&nbsp;</span>
 						<span aria-hidden="true" class="sd-question__required-text">*</span>
 					</span>
diff --git a/tests/markup/snapshots/multipletext-error-top-v2.snap.html b/tests/markup/snapshots/multipletext-error-top-v2.snap.html
index 2b9c8c26c1..c63e759f75 100644
--- a/tests/markup/snapshots/multipletext-error-top-v2.snap.html
+++ b/tests/markup/snapshots/multipletext-error-top-v2.snap.html
@@ -17,7 +17,7 @@
 			<td class="sd-multipletext__cell">
 				<label class="sd-input sd-multipletext__item-container sd-multipletext__item-container--allow-focus sd-multipletext__item-container--error">
 					<span class="sd-multipletext__item-title">
-						<span class="sv-string-viewer">Text 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 1</span>
 						<span>&nbsp;</span>
 						<span aria-hidden="true" class="sd-question__required-text">*</span>
 					</span>
diff --git a/tests/markup/snapshots/multipletext.snap.html b/tests/markup/snapshots/multipletext.snap.html
index feffc07762..8da022674c 100644
--- a/tests/markup/snapshots/multipletext.snap.html
+++ b/tests/markup/snapshots/multipletext.snap.html
@@ -4,7 +4,7 @@
 			<td>
 				<label class="sv_q_mt_label">
 					<span class="sv_q_mt_title">
-						<span class="sv-string-viewer">Text 1</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 1</span>
 					</span>
 					<div class="sv_q_mt_item">
 						<input aria-invalid="false" aria-label="Text 1" aria-required="false" class="sv_q_text_root" id="testid0_0i" placeholder="" type="text">
@@ -14,7 +14,7 @@
 			<td>
 				<label class="sv_q_mt_label">
 					<span class="sv_q_mt_title">
-						<span class="sv-string-viewer">Text 2</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 2</span>
 					</span>
 					<div class="sv_q_mt_item">
 						<input aria-invalid="false" aria-label="Text 2" aria-required="false" class="sv_q_text_root" id="testid0_1i" placeholder="" type="text">
@@ -26,7 +26,7 @@
 			<td>
 				<label class="sv_q_mt_label">
 					<span class="sv_q_mt_title">
-						<span class="sv-string-viewer">Text 3</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 3</span>
 					</span>
 					<div class="sv_q_mt_item">
 						<input aria-invalid="false" aria-label="Text 3" aria-required="false" class="sv_q_text_root" id="testid0_2i" placeholder="" type="text">
@@ -36,7 +36,7 @@
 			<td>
 				<label class="sv_q_mt_label">
 					<span class="sv_q_mt_title">
-						<span class="sv-string-viewer">Text 4</span>
+						<span class="sv-string-viewer sv-string-viewer--multiline">Text 4</span>
 					</span>
 					<div class="sv_q_mt_item">
 						<input aria-invalid="false" aria-label="Text 4" aria-required="false" class="sv_q_text_root" id="testid0_3i" placeholder="" type="text">
diff --git a/tests/markup/snapshots/page-swnl-title-v2.snap.html b/tests/markup/snapshots/page-swnl-title-v2.snap.html
index bbb3754bb9..9474c82d14 100644
--- a/tests/markup/snapshots/page-swnl-title-v2.snap.html
+++ b/tests/markup/snapshots/page-swnl-title-v2.snap.html
@@ -4,7 +4,7 @@
 			<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
@@ -18,7 +18,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 			<h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">2.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
diff --git a/tests/markup/snapshots/page-title-v2.snap.html b/tests/markup/snapshots/page-title-v2.snap.html
index a0b6dec510..0a469b2c84 100644
--- a/tests/markup/snapshots/page-title-v2.snap.html
+++ b/tests/markup/snapshots/page-title-v2.snap.html
@@ -4,7 +4,7 @@
 			<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
diff --git a/tests/markup/snapshots/panel-number.snap.html b/tests/markup/snapshots/panel-number.snap.html
index bfb287f4f4..abb366f79c 100644
--- a/tests/markup/snapshots/panel-number.snap.html
+++ b/tests/markup/snapshots/panel-number.snap.html
@@ -1,5 +1,5 @@
 <h4 aria-label="panel_title" class="sd-element__title sd-panel__title sd-title">
-	<span aria-hidden="true" class="sd-element__num" style="position: static;">1.</span>
+	<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 	<span>&nbsp;</span>
-	<span class="sv-string-viewer">panel_title</span>
+	<span class="sv-string-viewer sv-string-viewer--multiline">panel_title</span>
 </h4>
\ No newline at end of file
diff --git a/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html b/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
index 4d47091598..abbdba8925 100644
--- a/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
+++ b/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
@@ -4,7 +4,7 @@
 			<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
@@ -20,7 +20,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 					<div class="sd-element sd-element--nested sd-question sd-question--title-top sd-row__question sd-row__question--small" data-name="question1" id="testid1">
 						<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
 							<h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle">
-								<span class="sv-string-viewer">Question title</span>
+								<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 							</h5>
 						</div>
 						<div class="sd-question__content sd-text__content" role="presentation">
diff --git a/tests/markup/snapshots/panel-question-headers.snap.html b/tests/markup/snapshots/panel-question-headers.snap.html
index db0babe752..4eaed797c3 100644
--- a/tests/markup/snapshots/panel-question-headers.snap.html
+++ b/tests/markup/snapshots/panel-question-headers.snap.html
@@ -2,10 +2,10 @@
 	<div class="sd-element sd-element--complex sd-element--with-frame sd-panel sd-row__panel" id="testidp0">
 		<div class="sd-element__header sd-element__header--location-top sd-panel__header">
 			<h4 aria-label="panel_title" class="sd-element__title sd-panel__title sd-title">
-				<span class="sv-string-viewer">panel_title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">panel_title</span>
 			</h4>
 			<div class="sd-description sd-panel__description">
-				<span class="sv-string-viewer">panel_description</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">panel_description</span>
 			</div>
 		</div>
 		<div class="sd-panel__content" id="testidp0_content">
@@ -14,10 +14,10 @@ <h4 aria-label="panel_title" class="sd-element__title sd-panel__title sd-title">
 					<div class="sd-element sd-element--nested sd-question sd-question--title-top sd-row__question sd-row__question--small" data-name="question1" id="testid0">
 						<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
 							<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
-								<span class="sv-string-viewer">Question title</span>
+								<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 							</h5>
 							<div class="sd-description sd-question__description">
-								<span class="sv-string-viewer">Question description</span>
+								<span class="sv-string-viewer sv-string-viewer--multiline">Question description</span>
 							</div>
 						</div>
 						<div class="sd-question__content sd-text__content" role="presentation">
diff --git a/tests/markup/snapshots/question-description-under-input.snap.html b/tests/markup/snapshots/question-description-under-input.snap.html
index b23a989d2c..f5f3c201a6 100644
--- a/tests/markup/snapshots/question-description-under-input.snap.html
+++ b/tests/markup/snapshots/question-description-under-input.snap.html
@@ -1,4 +1,4 @@
 <input aria-invalid="false" aria-label="name" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 	<div class="sd-description sd-question__description sd-question__description--under-input">
-		<span class="sv-string-viewer">Under input</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Under input</span>
 	</div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/question-errors-v2-bottom.snap.html b/tests/markup/snapshots/question-errors-v2-bottom.snap.html
index 345ed7048a..e2061f6535 100644
--- a/tests/markup/snapshots/question-errors-v2-bottom.snap.html
+++ b/tests/markup/snapshots/question-errors-v2-bottom.snap.html
@@ -4,7 +4,7 @@
 			<h5 class="sd-element__title sd-question__title sd-question__title--error sd-question__title--required sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 				<span>&nbsp;</span>
 				<span aria-hidden="true" class="sd-question__required-text">*</span>
 			</h5>
diff --git a/tests/markup/snapshots/question-errors-v2-top.snap.html b/tests/markup/snapshots/question-errors-v2-top.snap.html
index 38eaac9c8d..2f4da80aec 100644
--- a/tests/markup/snapshots/question-errors-v2-top.snap.html
+++ b/tests/markup/snapshots/question-errors-v2-top.snap.html
@@ -13,7 +13,7 @@
 			<h5 class="sd-element__title sd-question__title sd-question__title--error sd-question__title--required sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">Question title</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 				<span>&nbsp;</span>
 				<span aria-hidden="true" class="sd-question__required-text">*</span>
 			</h5>
diff --git a/tests/markup/snapshots/question-title-with-html.snap.html b/tests/markup/snapshots/question-title-with-html.snap.html
index 1b108dc05a..95bda993b5 100644
--- a/tests/markup/snapshots/question-title-with-html.snap.html
+++ b/tests/markup/snapshots/question-title-with-html.snap.html
@@ -1,7 +1,7 @@
 <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 	<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 	<span>&nbsp;</span>
-	<span class="sv-string-viewer">
+	<span class="sv-string-viewer sv-string-viewer--multiline">
 		<span style="font-size:12px;">
 			<strong>
 				<span style="font-family:Comic Sans MS,cursive;">
diff --git a/tests/markup/snapshots/question-with-indent.snap.html b/tests/markup/snapshots/question-with-indent.snap.html
index 5858e06b89..bbef328f64 100644
--- a/tests/markup/snapshots/question-with-indent.snap.html
+++ b/tests/markup/snapshots/question-with-indent.snap.html
@@ -4,7 +4,7 @@
 			<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 				<span aria-hidden="true" class="sd-element__num" style="position:static;">1.</span>
 				<span>&nbsp;</span>
-				<span class="sv-string-viewer">name</span>
+				<span class="sv-string-viewer sv-string-viewer--multiline">name</span>
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
diff --git a/tests/markup/snapshots/ranking-selectToRankEnabled-empty.snap.html b/tests/markup/snapshots/ranking-selectToRankEnabled-empty.snap.html
index 121761ffa1..ffc4937d48 100644
--- a/tests/markup/snapshots/ranking-selectToRankEnabled-empty.snap.html
+++ b/tests/markup/snapshots/ranking-selectToRankEnabled-empty.snap.html
@@ -86,7 +86,7 @@
 	</div>
 	<div class="sv-ranking__container sv-ranking__container--empty sv-ranking__container--to" data-ranking="to-container">
 		<div class="sv-ranking__container-placeholder">
-			<span class="sv-string-viewer">Drag choices here to rank them</span>
+			<span class="sv-string-viewer sv-string-viewer--multiline">Drag choices here to rank them</span>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/ranking-selectToRankEnabled-vertical.snap.html b/tests/markup/snapshots/ranking-selectToRankEnabled-vertical.snap.html
index aebbbc9423..64fb49dff3 100644
--- a/tests/markup/snapshots/ranking-selectToRankEnabled-vertical.snap.html
+++ b/tests/markup/snapshots/ranking-selectToRankEnabled-vertical.snap.html
@@ -86,7 +86,7 @@
 	</div>
 	<div class="sv-ranking__container sv-ranking__container--empty sv-ranking__container--to" data-ranking="to-container">
 		<div class="sv-ranking__container-placeholder">
-			<span class="sv-string-viewer">Drag choices here to rank them</span>
+			<span class="sv-string-viewer sv-string-viewer--multiline">Drag choices here to rank them</span>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/signaturepad-loading.snap.html b/tests/markup/snapshots/signaturepad-loading.snap.html
index 2c4ec1394d..65dc38b2d2 100644
--- a/tests/markup/snapshots/signaturepad-loading.snap.html
+++ b/tests/markup/snapshots/signaturepad-loading.snap.html
@@ -1,6 +1,6 @@
 <div class="sd-signaturepad sjs_sp_container" style="width:300px;">
 	<div class="sjs_sp_placeholder" style="display:none;">
-		<span class="sv-string-viewer">Sign here</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Sign here</span>
 	</div>
 	<div>
 		<canvas class="sd-signaturepad__canvas sjs_sp_canvas" height="200" style="user-select:none; width:300px;" tabindex="-1" width="300">
diff --git a/tests/markup/snapshots/signaturepad-scaled.snap.html b/tests/markup/snapshots/signaturepad-scaled.snap.html
index bc2513b0b0..1790dfc7db 100644
--- a/tests/markup/snapshots/signaturepad-scaled.snap.html
+++ b/tests/markup/snapshots/signaturepad-scaled.snap.html
@@ -1,6 +1,6 @@
 <div class="sjs_sp_container sv_q_signaturepad" style="width:100%;">
 	<div class="sjs_sp_placeholder">
-		<span class="sv-string-viewer">Sign here</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Sign here</span>
 	</div>
 	<div>
 		<img class="sjs_sp__background-image" src="https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg" style="width:100%;">
diff --git a/tests/markup/snapshots/signaturepad-value.snap.html b/tests/markup/snapshots/signaturepad-value.snap.html
index bb00010d59..9d3f2b211c 100644
--- a/tests/markup/snapshots/signaturepad-value.snap.html
+++ b/tests/markup/snapshots/signaturepad-value.snap.html
@@ -1,6 +1,6 @@
 <div class="sjs_sp_container sv_q_signaturepad" style="width:300px;">
 	<div class="sjs_sp_placeholder" style="display:none;">
-		<span class="sv-string-viewer">Sign here</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Sign here</span>
 	</div>
 	<div>
 		<canvas class="sjs_sp_canvas" height="200" style="user-select:none; width:300px;" tabindex="-1" width="300">
diff --git a/tests/markup/snapshots/signaturepad-with-backgroundImage.snap.html b/tests/markup/snapshots/signaturepad-with-backgroundImage.snap.html
index e84eddab24..1b20f92d4e 100644
--- a/tests/markup/snapshots/signaturepad-with-backgroundImage.snap.html
+++ b/tests/markup/snapshots/signaturepad-with-backgroundImage.snap.html
@@ -1,6 +1,6 @@
 <div class="sjs_sp_container sv_q_signaturepad" style="width:300px;">
 	<div class="sjs_sp_placeholder">
-		<span class="sv-string-viewer">Sign here</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Sign here</span>
 	</div>
 	<div>
 		<img class="sjs_sp__background-image" src="https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg" style="width:300px;">
diff --git a/tests/markup/snapshots/signaturepad.snap.html b/tests/markup/snapshots/signaturepad.snap.html
index 9a44ef9370..09fa5c05eb 100644
--- a/tests/markup/snapshots/signaturepad.snap.html
+++ b/tests/markup/snapshots/signaturepad.snap.html
@@ -1,6 +1,6 @@
 <div class="sjs_sp_container sv_q_signaturepad" style="width:300px;">
 	<div class="sjs_sp_placeholder">
-		<span class="sv-string-viewer">Sign here</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Sign here</span>
 	</div>
 	<div>
 		<canvas class="sjs_sp_canvas" height="200" style="user-select:none; width:300px;" tabindex="-1" width="300">
diff --git a/tests/markup/snapshots/survey-header-advanced-mobile.snap.html b/tests/markup/snapshots/survey-header-advanced-mobile.snap.html
index 3a3096f55e..c9cbc2f092 100644
--- a/tests/markup/snapshots/survey-header-advanced-mobile.snap.html
+++ b/tests/markup/snapshots/survey-header-advanced-mobile.snap.html
@@ -5,6 +5,6 @@ <h3 aria-label="Test">
 </div>
 <div class="sv-header__description" style="max-width:512px;">
 	<div>
-		<span class="sv-string-viewer">Description</span>
+		<span class="sv-string-viewer sv-string-viewer--multiline">Description</span>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/survey-header-advanced.snap.html b/tests/markup/snapshots/survey-header-advanced.snap.html
index 6a723c19b9..f4013c4c9b 100644
--- a/tests/markup/snapshots/survey-header-advanced.snap.html
+++ b/tests/markup/snapshots/survey-header-advanced.snap.html
@@ -6,7 +6,7 @@ <h3 aria-label="Test">
 	</div>
 	<div class="sv-header__description" style="max-width:512px;">
 		<div>
-			<span class="sv-string-viewer">Description</span>
+			<span class="sv-string-viewer sv-string-viewer--multiline">Description</span>
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/survey-header.snap.html b/tests/markup/snapshots/survey-header.snap.html
index e3e8416df1..a1344f4359 100644
--- a/tests/markup/snapshots/survey-header.snap.html
+++ b/tests/markup/snapshots/survey-header.snap.html
@@ -2,5 +2,5 @@ <h3 aria-label="Test">
 	<span class="sv-string-viewer">Test</span>
 </h3>
 <div>
-	<span class="sv-string-viewer">Description</span>
+	<span class="sv-string-viewer sv-string-viewer--multiline">Description</span>
 </div>
\ No newline at end of file
diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-multiline-description.png b/visualRegressionTests/tests/defaultV2/etalons/question-multiline-description.png
new file mode 100644
index 0000000000..4f6019e815
Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/question-multiline-description.png differ
diff --git a/visualRegressionTests/tests/defaultV2/question.ts b/visualRegressionTests/tests/defaultV2/question.ts
index d183ecffd5..8b22b53b96 100644
--- a/visualRegressionTests/tests/defaultV2/question.ts
+++ b/visualRegressionTests/tests/defaultV2/question.ts
@@ -903,6 +903,32 @@ frameworks.forEach(framework => {
     });
   });
 
+  test("Check question - multiline description", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1920, 1080);
+      const focusBody = ClientFunction(() => {
+        document.body.focus();
+        document.body.style.setProperty("--base-unit", "4px");
+      });
+
+      await initSurvey(framework, {
+        showQuestionNumbers: "off",
+        questions: [
+          {
+            name: "q1",
+            type: "text",
+            title: "Question",
+            description: "First Line\nSecond Line"
+          }
+        ]
+      });
+
+      const questionRoot = Selector(".sd-question");
+      await focusBody();
+      await takeElementScreenshot("question-multiline-description.png", questionRoot, t, comparer);
+    });
+  });
+
   test("Question descriptionLocation property", async (t) => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(1920, 1080);