diff --git a/packages/web-pkg/src/components/FilesList/ResourceIcon.vue b/packages/web-pkg/src/components/FilesList/ResourceIcon.vue
index b6be74f5d2e..fbcb8879517 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceIcon.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceIcon.vue
@@ -115,7 +115,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-.oc-resource-icon {
+span.oc-resource-icon {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;