diff --git a/src/pages/balloon/single.vue b/src/pages/balloon/single.vue
index 1ac543b..5c3df37 100644
--- a/src/pages/balloon/single.vue
+++ b/src/pages/balloon/single.vue
@@ -89,7 +89,7 @@ async function customHandle(resp: Response) {
 <template>
   <DenseFramework :image-query="queryUrl" :extra-response-handle="customHandle">
     <template #extra-meta>
-      <div v-if="Object.keys(metadata).length === 0" class="absolute right-3 top-3 rounded-md bg-white p-3 drop-shadow">
+      <div v-if="!(Object.keys(metadata).length === 0)" class="absolute right-3 top-3 rounded-md bg-white p-3 drop-shadow">
         <span v-for="(v, k) in metadata" :key="k">{{ k }}: {{ v }}</span>
       </div>
     </template>