diff --git a/console/src/modules/contents/attachments/AttachmentList.vue b/console/src/modules/contents/attachments/AttachmentList.vue
index 4403e7199..88ddf2e10 100644
--- a/console/src/modules/contents/attachments/AttachmentList.vue
+++ b/console/src/modules/contents/attachments/AttachmentList.vue
@@ -613,7 +613,7 @@ onMounted(() => {
                         :key="attachment.metadata.name"
                         :alt="attachment.spec.displayName"
                         :src="attachment.status?.permalink"
-                        classes="pointer-events-none object-cover group-hover:opacity-75"
+                        classes="pointer-events-none object-cover group-hover:opacity-75 transform-gpu"
                       >
                         <template #loading>
                           <div
diff --git a/console/src/modules/contents/attachments/components/AttachmentDetailModal.vue b/console/src/modules/contents/attachments/components/AttachmentDetailModal.vue
index 3bf583acd..c676b686a 100644
--- a/console/src/modules/contents/attachments/components/AttachmentDetailModal.vue
+++ b/console/src/modules/contents/attachments/components/AttachmentDetailModal.vue
@@ -101,7 +101,7 @@ const onVisibleChange = (visible: boolean) => {
           "
           :alt="attachment?.spec.displayName"
           :src="attachment?.status?.permalink"
-          class="w-auto cursor-pointer rounded"
+          class="w-auto transform-gpu cursor-pointer rounded"
           @click="onlyPreview = !onlyPreview"
         />
       </div>
diff --git a/console/src/modules/contents/attachments/components/selector-providers/CoreSelectorProvider.vue b/console/src/modules/contents/attachments/components/selector-providers/CoreSelectorProvider.vue
index cfd6b48e4..64322478e 100644
--- a/console/src/modules/contents/attachments/components/selector-providers/CoreSelectorProvider.vue
+++ b/console/src/modules/contents/attachments/components/selector-providers/CoreSelectorProvider.vue
@@ -124,7 +124,7 @@ const handleOpenDetail = (attachment: Attachment) => {
             :key="attachment.metadata.name"
             :alt="attachment.spec.displayName"
             :src="attachment.status?.permalink"
-            classes="pointer-events-none object-cover group-hover:opacity-75"
+            classes="pointer-events-none object-cover group-hover:opacity-75 transform-gpu"
           >
             <template #loading>
               <div class="flex h-full items-center justify-center object-cover">