diff --git a/app/src/displays/filesize/index.ts b/app/src/displays/filesize/index.ts
index 22b8b9c342..e491a6e712 100644
--- a/app/src/displays/filesize/index.ts
+++ b/app/src/displays/filesize/index.ts
@@ -1,12 +1,13 @@
 import { defineDisplay } from '@directus/shared/utils';
 import { formatFilesize } from '@/utils/format-filesize';
+import { h } from 'vue';
 
 export default defineDisplay({
 	id: 'filesize',
 	name: '$t:displays.filesize.filesize',
 	description: '$t:displays.filesize.description',
 	icon: 'description',
-	component: ({ value }: { value: number }) => formatFilesize(value),
+	component: ({ value }: { value: number }) => h('span', null, formatFilesize(value)),
 	handler: ({ value }: { value: number }) => formatFilesize(value),
 	options: [],
 	types: ['integer', 'bigInteger'],