diff --git a/docs/.vitepress/theme/components/Tooltip.vue b/docs/.vitepress/theme/components/Tooltip.vue
index e5025d9e0..e009bf05e 100644
--- a/docs/.vitepress/theme/components/Tooltip.vue
+++ b/docs/.vitepress/theme/components/Tooltip.vue
@@ -14,10 +14,10 @@ const resolvedIcon = computed(() => withBase(props.icon))
   <VDropdown :triggers="['click', 'touch']" :auto-hide="true" :distance="15" placement="auto">
     <button
       aria-label="Tooltip"
-      class="text-brand-1 inline-flex align-middle items-center justify-center leading-none p-0 select-none font-bold cursor-pointer transition-all h-[1em] w-[2em] translate-y-[0.14em]"
+      class="text-brand-1 relative inline-flex align-middle items-center justify-center leading-none p-0 select-none font-bold cursor-pointer transition-all h-[1em] w-[1.7em]"
     >
       <div
-        class="size-full bg-current transition-all"
+        class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-2.5 w-[1.6em] h-[1.6em] bg-current transition-all"
         :style="{
            mask: `url(${resolvedIcon}) no-repeat center / contain`,
            '-webkit-mask': `url(${resolvedIcon}) no-repeat center / contain`,
diff --git a/docs/public/note.svg b/docs/public/note.svg
index 654ce2f32..5087a7a44 100644
--- a/docs/public/note.svg
+++ b/docs/public/note.svg
@@ -1,12 +1 @@
-<svg width="200.00000000000003" height="100.00000000000001" xmlns="http://www.w3.org/2000/svg">
- <defs>
-  <mask id="cutout">
-   <rect id="svg_1" fill="white" height="100%" width="100%"/>
-   <text id="svg_2" fill="black" font-size="65" font-weight="bold" font-family="sans-serif" text-anchor="middle" dominant-baseline="middle" y="55%" x="50%">NOTE</text>
-  </mask>
- </defs>
- <g>
-  <title>Layer 1</title>
-  <rect id="svg_3" mask="url(#cutout)" fill="#000000" ry="20" rx="20" height="100" width="200"/>
- </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Majesticons by Gerrit Halfmann - https://github.com/halfmage/majesticons/blob/main/LICENSE --><path fill="currentColor" fill-rule="evenodd" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h9v-5a3 3 0 0 1 3-3h5V5a3 3 0 0 0-3-3zm12.293 19.121a3 3 0 0 1-1.293.762V17a1 1 0 0 1 1-1h4.883a3 3 0 0 1-.762 1.293zM7 6a1 1 0 0 0 0 2h10a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2zm0 4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z" clip-rule="evenodd"/></svg>
\ No newline at end of file