diff --git a/src/layout/components/Header/RecycleModal.vue b/src/layout/components/Header/RecycleModal.vue
index e090478..2e7b32d 100644
--- a/src/layout/components/Header/RecycleModal.vue
+++ b/src/layout/components/Header/RecycleModal.vue
@@ -579,7 +579,7 @@ async function refreshHandler(filtersearchId?: any) {
                   <div :class="{ 'percent-red': item.similarityScore === 100 }" class="percent">
                     {{ item.similarityScore }}<span class="percent-unit">%</span>
                   </div>
-                  <div class="time" style="left: 25px;bottom: 15px;">
+                  <div class="time" >
                     <!-- <div class="time-item">
                       <SvgIcon class="svg-time" color="#FFF" size="16" name="camera-time" />
                       <span>{{ item?.photoDateTimestamp ?
@@ -590,6 +590,11 @@ async function refreshHandler(filtersearchId?: any) {
                       <span>{{ item.submitDateTimestamp ?
                         formatToDateHMS(Number(item.submitDateTimestamp)) : '-' }}</span>
                     </div> -->
+                    <div class="time-item" style="margin-bottom: 4px;">
+                      <SvgIcon color="#FFF" size="16" name="camera" style="margin-right: 4px;" />
+                      <span class="time-value">{{ item?.photoDateTimestamp ? 
+                        formatToDateHMS(Number(item.photoDateTimestamp)) : '-' }} </span>
+                    </div>
                     <div class="time-item">
                       <SvgIcon class="svg-time" color="#FFF" size="16" name="time" />
                       <span>{{ item.submitDateTimestamp ?
@@ -769,9 +774,12 @@ async function refreshHandler(filtersearchId?: any) {
     }
     .time {
         position: absolute;
+        width: 182px;
+        padding-left: 10px;
         z-index: 3;
-        left: 32px;
-        bottom: 32px;
+        left: 16px;
+        bottom: 16px;
+        background: linear-gradient(180deg,rgba(6,0,0,0.01),rgba(0, 0, 0, 0.44) 100%);
 
         .time-item {
           display: flex;
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 5e5de99..4b840f0 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -525,7 +525,8 @@ function previewHandler(index: number, event: MouseEvent) {
   event.stopImmediatePropagation();
   event.stopPropagation();
   if (imageRef.value?.[index] && (imageRef.value[index] as any).src)
-    (imageRef.value?.[index] as any).mergedOnClick();
+    // (imageRef.value?.[index] as any).mergedOnClick();
+    (imageRef.value?.[index] as any).click();
 }
 
 const timer = ref();