diff --git a/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts b/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
index 3242b71e908..e3da7ff9ee3 100644
--- a/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
+++ b/packages/web-app-files/src/composables/actions/spaces/useSpaceActionsUploadImage.ts
@@ -108,7 +108,7 @@ export const useSpaceActionsUploadImage = ({
         await store.dispatch('showMessage', {
           title: $gettext('Space image was uploaded successfully')
         })
-        eventBus.publish('app.files.list.load')
+        eventBus.publish('app.files.spaces.uploaded-image', selectedSpace)
       } catch (error) {
         console.error(error)
         await store.dispatch('showErrorMessage', {
diff --git a/packages/web-app-files/src/views/spaces/Projects.vue b/packages/web-app-files/src/views/spaces/Projects.vue
index 54ad57057b5..96c506b2fb2 100644
--- a/packages/web-app-files/src/views/spaces/Projects.vue
+++ b/packages/web-app-files/src/views/spaces/Projects.vue
@@ -158,7 +158,16 @@
 </template>
 
 <script lang="ts">
-import { onMounted, computed, defineComponent, unref, ref, watch, nextTick } from 'vue'
+import {
+  onMounted,
+  computed,
+  defineComponent,
+  unref,
+  ref,
+  watch,
+  nextTick,
+  onBeforeUnmount
+} from 'vue'
 import { useTask } from 'vue-concurrency'
 import { mapMutations, mapGetters } from 'vuex'
 import Mark from 'mark.js'
@@ -166,6 +175,7 @@ import Fuse from 'fuse.js'
 
 import {
   configurationManager,
+  ImageDimension,
   NoContentMessage,
   ProcessorType,
   usePreviewService,
@@ -246,6 +256,7 @@ export default defineComponent({
     const markInstance = ref(undefined)
     const imageContentObject = ref({})
     const previewService = usePreviewService()
+    let loadPreviewToken
 
     const runtimeSpaces = computed((): SpaceResource[] => {
       return store.getters['runtime/spaces/spaces'].filter((s) => isProjectSpaceResource(s)) || []
@@ -377,12 +388,23 @@ export default defineComponent({
 
     onMounted(async () => {
       await loadResourcesTask.perform()
+
+      loadPreviewToken = eventBus.subscribe(
+        'app.files.spaces.uploaded-image',
+        (space: SpaceResource) => {
+          loadPreview(space)
+        }
+      )
       scrollToResourceFromRoute(unref(spaces), 'files-app-bar')
       nextTick(() => {
         markInstance.value = new Mark('.spaces-table')
       })
     })
 
+    onBeforeUnmount(() => {
+      eventBus.unsubscribe('app.files.spaces.uploaded-image', loadPreviewToken)
+    })
+
     const footerTextTotal = computed(() => {
       return $gettext('%{spaceCount} spaces in total', {
         spaceCount: unref(spaces).length.toString()
@@ -396,11 +418,11 @@ export default defineComponent({
 
     const displayThumbnails = computed(() => configurationManager.options.displayThumbnails)
 
-    const rowMounted = (space, _, dimensions) => {
-      loadPreview(space, dimensions)
+    const rowMounted = (space) => {
+      loadPreview(space)
     }
 
-    const loadPreview = async (space, dimensions) => {
+    const loadPreview = async (space) => {
       if (!unref(displayThumbnails) || !space.spaceImageData) {
         return
       }
@@ -414,6 +436,11 @@ export default defineComponent({
           ? ProcessorType.enum.fit
           : ProcessorType.enum.thumbnail
 
+      const dimensions =
+        unref(viewMode) === ViewModeConstants.tilesView.name
+          ? ImageDimension.Tile
+          : ImageDimension.Thumbnail
+
       const thumbnail = await previewService.loadPreview({
         space,
         resource,
diff --git a/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue b/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
index 7bd14a78d6a..a50f9a77db6 100644
--- a/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
+++ b/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
@@ -259,6 +259,8 @@ export default defineComponent({
 .oc-space-details-sidebar {
   &-image img {
     max-height: 150px;
+    object-fit: cover;
+    width: 100%;
   }
 }