diff --git a/vue/src/components/text/ToggleHeader.vue b/vue/src/components/text/ToggleHeader.vue
index 223455a..79b1dd8 100644
--- a/vue/src/components/text/ToggleHeader.vue
+++ b/vue/src/components/text/ToggleHeader.vue
@@ -24,9 +24,9 @@ const handleClick = () => {
         class="w-full border-b border-primary cursor-pointer"
         @click="handleClick"
     >
-        <h1 class="pl-2 m-0">
+        <h3 class="pl-2 m-0">
             <slot />
-        </h1>
+        </h3>
         <ToggleButton
             class="pointer-events-none"
             :model-value="props.modelValue"
diff --git a/vue/src/views/home/Bookmarks.vue b/vue/src/views/home/Bookmarks.vue
index a0e2187..aa68dce 100644
--- a/vue/src/views/home/Bookmarks.vue
+++ b/vue/src/views/home/Bookmarks.vue
@@ -18,7 +18,7 @@ const groupedBookmarks = computed(() => {
 
 <template>
     <div class="bookmarks-wrapper">
-        <h3 class="text-left">Bookmarks</h3>
+        <Header class="text-left">Bookmarks</Header>
         <div class="bookmarks-scroll">
             <LinkTable
                 v-for="group in groupedBookmarks"