diff --git a/src/defaultCss/cssstandard.ts b/src/defaultCss/cssstandard.ts
index cf6092d407..4fd87ec779 100644
--- a/src/defaultCss/cssstandard.ts
+++ b/src/defaultCss/cssstandard.ts
@@ -336,7 +336,7 @@ export var defaultStandardCss = {
   file: {
     root: "sv_q_file",
     placeholderInput: "sv-visuallyhidden",
-    previewItem: "sd-file__preview-item",
+    previewItem: "sv_q_file_preview",
     removeButton: "sv_q_file_remove_button",
     fileInput: "sv-visuallyhidden",
     removeFile: "sv_q_file_remove",
diff --git a/tests/markup/snapshots/file-2-png.snap.html b/tests/markup/snapshots/file-2-png.snap.html
index c07240309e..3cbe80cd45 100644
--- a/tests/markup/snapshots/file-2-png.snap.html
+++ b/tests/markup/snapshots/file-2-png.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item1.png">
 						<div class="sd-context-btn sd-context-btn--negative sd-file__remove-file-button">
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 9d5da99f03..1eb396d827 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
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
@@ -64,7 +64,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sd-file__preview" style="display:none;">
+			<span class="sd-file__preview-item" style="display:none;">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item2.png">
 						<div class="sd-context-btn sd-context-btn--negative sd-file__remove-file-button">
diff --git a/tests/markup/snapshots/file-2-zip-png-ro.snap.html b/tests/markup/snapshots/file-2-zip-png-ro.snap.html
index bed805739a..2622ffa427 100644
--- a/tests/markup/snapshots/file-2-zip-png-ro.snap.html
+++ b/tests/markup/snapshots/file-2-zip-png-ro.snap.html
@@ -1,4 +1,4 @@
-<div class="sd-file sd-file--answered">
+<div class="sd-file sd-file--answered sd-file--readonly">
 	<input class="form-control sd-visuallyhidden" disabled="" id="testid0i" multiple="" placeholder="Question title" style="color:transparent;" type="file">
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
@@ -56,7 +56,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item2.png">
 					</div>
diff --git a/tests/markup/snapshots/file-2-zip-png.snap.html b/tests/markup/snapshots/file-2-zip-png.snap.html
index f6f4fc921b..70a1712526 100644
--- a/tests/markup/snapshots/file-2-zip-png.snap.html
+++ b/tests/markup/snapshots/file-2-zip-png.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
@@ -64,7 +64,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item2.png">
 						<div class="sd-context-btn sd-context-btn--negative sd-file__remove-file-button">
diff --git a/tests/markup/snapshots/file-2-zip.snap.html b/tests/markup/snapshots/file-2-zip.snap.html
index 3f63d6652b..343f935728 100644
--- a/tests/markup/snapshots/file-2-zip.snap.html
+++ b/tests/markup/snapshots/file-2-zip.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
diff --git a/tests/markup/snapshots/file-mob2-png.snap.html b/tests/markup/snapshots/file-mob2-png.snap.html
index 73c258c0f2..26b823c4b5 100644
--- a/tests/markup/snapshots/file-mob2-png.snap.html
+++ b/tests/markup/snapshots/file-mob2-png.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item1.png">
 						<div class="sd-context-btn sd-context-btn--negative sd-file__remove-file-button">
diff --git a/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html b/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
index 238c807138..0beecb583a 100644
--- a/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip-png-ro.snap.html
@@ -1,4 +1,4 @@
-<div class="sd-file sd-file--answered sd-file--mobile">
+<div class="sd-file sd-file--answered sd-file--mobile sd-file--readonly">
 	<input class="form-control sd-visuallyhidden" disabled="" id="testid0i" multiple="" placeholder="Question title" style="color:transparent;" type="file">
 	<div class="sd-file__drag-area">
 		<div class="sd-file__decorator">
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
@@ -56,7 +56,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sd-file__preview" style="display:none;">
+			<span class="sd-file__preview-item" style="display:none;">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item2.png">
 					</div>
diff --git a/tests/markup/snapshots/file-mob2-zip-png.snap.html b/tests/markup/snapshots/file-mob2-zip-png.snap.html
index d647aa96b7..650aa61362 100644
--- a/tests/markup/snapshots/file-mob2-zip-png.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip-png.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
@@ -64,7 +64,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sd-file__preview" style="display:none;">
+			<span class="sd-file__preview-item" style="display:none;">
 				<div class="sd-file__image-wrapper">
 					<img alt="File preview" src="#item2.png">
 						<div class="sd-context-btn sd-context-btn--negative sd-file__remove-file-button">
diff --git a/tests/markup/snapshots/file-mob2-zip.snap.html b/tests/markup/snapshots/file-mob2-zip.snap.html
index 857802f192..2c117d8dfc 100644
--- a/tests/markup/snapshots/file-mob2-zip.snap.html
+++ b/tests/markup/snapshots/file-mob2-zip.snap.html
@@ -45,7 +45,7 @@
 			</div>
 		</div>
 		<div class="sd-file__list">
-			<span class="sd-file__preview">
+			<span class="sd-file__preview-item">
 				<div class="sd-file__image-wrapper sd-file__image-wrapper--default-image">
 					<svg class="sd-file__default-image sv-svg-icon" role="img">
 						<use xlink:href="#icon-defaultfile" class="">
diff --git a/tests/markup/snapshots/file-modern-png.snap.html b/tests/markup/snapshots/file-modern-png.snap.html
index 294d341cc8..4fbe8b0376 100644
--- a/tests/markup/snapshots/file-modern-png.snap.html
+++ b/tests/markup/snapshots/file-modern-png.snap.html
@@ -15,7 +15,7 @@
 			<span>Clear</span>
 		</button>
 		<div>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 					<img alt="File preview" src="#item1.png">
 						<div>
diff --git a/tests/markup/snapshots/file-modern-zip-png-ro.snap.html b/tests/markup/snapshots/file-modern-zip-png-ro.snap.html
index 1ca74de687..80b993f9cd 100644
--- a/tests/markup/snapshots/file-modern-zip-png-ro.snap.html
+++ b/tests/markup/snapshots/file-modern-zip-png-ro.snap.html
@@ -9,14 +9,14 @@
 			</div>
 		</div>
 		<div>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 				</div>
 				<div class="sv-file__sign">
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 					<img alt="File preview" src="#item2.png">
 					</div>
diff --git a/tests/markup/snapshots/file-modern-zip-png.snap.html b/tests/markup/snapshots/file-modern-zip-png.snap.html
index bf6c6e1e5c..cf6dae8e94 100644
--- a/tests/markup/snapshots/file-modern-zip-png.snap.html
+++ b/tests/markup/snapshots/file-modern-zip-png.snap.html
@@ -15,7 +15,7 @@
 			<span>Clear</span>
 		</button>
 		<div>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 					<div>
 						<span class="sv-hidden">Remove this file</span>
@@ -30,7 +30,7 @@
 					<a download="item1.zip" href="#item1.zip" title="item1.zip">item1.zip</a>
 				</div>
 			</span>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 					<img alt="File preview" src="#item2.png">
 						<div>
diff --git a/tests/markup/snapshots/file-modern-zip.snap.html b/tests/markup/snapshots/file-modern-zip.snap.html
index 617387e0dd..a2df598a90 100644
--- a/tests/markup/snapshots/file-modern-zip.snap.html
+++ b/tests/markup/snapshots/file-modern-zip.snap.html
@@ -15,7 +15,7 @@
 			<span>Clear</span>
 		</button>
 		<div>
-			<span class="sv-file__preview">
+			<span class="sd-file__preview-item">
 				<div>
 					<div>
 						<span class="sv-hidden">Remove this file</span>