diff --git a/src/components/dialog/content/manager/infoPanel/InfoPanel.vue b/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
index 0c45f60dd..26e7f66de 100644
--- a/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
+++ b/src/components/dialog/content/manager/infoPanel/InfoPanel.vue
@@ -49,7 +49,7 @@ interface InfoItem {
   value: string | number | undefined
 }
 
-const { t } = useI18n()
+const { t, d } = useI18n()
 
 const { nodePack } = defineProps<{
   nodePack: components['schemas']['Node']
@@ -70,7 +70,9 @@ const infoItems = computed<InfoItem[]>(() => [
     key: 'lastUpdated',
     label: t('manager.lastUpdated'),
     value: nodePack.latest_version?.createdAt
-      ? new Date(nodePack.latest_version.createdAt).toLocaleDateString()
+      ? d(nodePack.latest_version.createdAt, {
+          dateStyle: 'medium'
+        })
       : undefined
   }
 ])
diff --git a/src/components/dialog/content/manager/packCard/PackCard.vue b/src/components/dialog/content/manager/packCard/PackCard.vue
index a0f7a511e..5fcb27777 100644
--- a/src/components/dialog/content/manager/packCard/PackCard.vue
+++ b/src/components/dialog/content/manager/packCard/PackCard.vue
@@ -71,9 +71,16 @@
             {{ nodePack.latest_version.version }}
           </span>
         </div>
-        <div v-if="nodePack.latest_version" class="flex items-center gap-2">
+        <div
+          v-if="nodePack.latest_version"
+          class="flex items-center gap-2 truncate"
+        >
           {{ $t('g.updated') }}
-          {{ new Date(nodePack.latest_version.createdAt).toLocaleDateString() }}
+          {{
+            $d(new Date(nodePack.latest_version.createdAt), {
+              dateStyle: 'medium'
+            })
+          }}
         </div>
       </div>
     </template>