diff --git a/packages/fiori/src/themes/UploadCollection.css b/packages/fiori/src/themes/UploadCollection.css
index 21ca5e2a4a5a..50cf7cca0490 100644
--- a/packages/fiori/src/themes/UploadCollection.css
+++ b/packages/fiori/src/themes/UploadCollection.css
@@ -23,6 +23,7 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: var(--ui5_upload_collection_drag_overlay_border_radius);
+	container-type: size;
 }
 
 .uc-drag-overlay {
@@ -66,6 +67,14 @@
 	color: var(--ui5_upload_collection_drag_overlay_icon_color);
 }
 
+/* Hide the icon when the container is too small */
+@container (max-height: 10rem) {
+	.uc-dnd-overlay [ui5-icon] {
+		display: none;
+
+	}
+}
+
 .uc-dnd-overlay .dnd-overlay-text {
 	font-family: "72override", var(--sapFontFamily);
 	font-size: var(--sapFontHeader4Size);
diff --git a/packages/fiori/test/pages/UploadCollection.html b/packages/fiori/test/pages/UploadCollection.html
index 6e0cfd36347a..e4d22cfacec9 100644
--- a/packages/fiori/test/pages/UploadCollection.html
+++ b/packages/fiori/test/pages/UploadCollection.html
@@ -229,5 +229,12 @@
 		</ui5-upload-collection-item>
 
 	</ui5-upload-collection>
+
+	<ui5-upload-collection>
+        <ui5-upload-collection-item file-name="LaptopHT-1000.jpg" upload-state="Complete">
+            uploadState="Complete"
+            <img src="https://sap.github.io/ui5-webcomponents/nightly/images/HT-1000.jpg" slot="thumbnail">
+        </ui5-upload-collection-item>
+    </ui5-upload-collection>
 </body>
 </html>