diff --git a/src/components/Empty.vue b/src/components/Empty.vue
index 8ce82256..ed86e4e8 100644
--- a/src/components/Empty.vue
+++ b/src/components/Empty.vue
@@ -1,10 +1,16 @@
 <script setup lang="ts">
 import browser from 'webextension-polyfill'
+const props = defineProps<{
+  description: string
+}>()
+
 const emptyImg = browser.runtime.getURL('/assets/empty.png')
 </script>
 
 <template>
-  <div flex="~" justify="center" items="center">
+  <div flex="~ col gap-4" justify="center" items="center">
     <img :src="emptyImg" w="200px" h="auto">
+    <span text="$bew-text-3">{{ props.description }}</span>
+    <slot />
   </div>
 </template>