diff --git a/frontend/src/components/content_value/ContentToolbar.vue b/frontend/src/components/content_value/ContentToolbar.vue
index 8af204f..e249ac8 100644
--- a/frontend/src/components/content_value/ContentToolbar.vue
+++ b/frontend/src/components/content_value/ContentToolbar.vue
@@ -81,7 +81,9 @@ const onDeleteKey = () => {
                         <template v-if="ttl < 0">
                             {{ $t('interface.forever') }}
                         </template>
-                        <template v-else>{{ ttl }} {{ $t('common.second') }}</template>
+                        <template v-else>
+                            {{ Math.floor(ttl/3600) }}:{{ Math.floor((ttl%3600)/60) }}:{{ Math.floor(ttl%60) }}
+                        </template>
                     </n-button>
                 </template>
                 TTL