diff --git a/package.json b/package.json
index 9579d89..2352e99 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-hint",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.6",
   "description": "Tooltip library for svelte",
   "author": {
     "name": "Niccolo Borgioli",
diff --git a/src/lib/Hint.svelte b/src/lib/Hint.svelte
index 1e2fa3d..6f6a296 100644
--- a/src/lib/Hint.svelte
+++ b/src/lib/Hint.svelte
@@ -12,8 +12,8 @@
   export let offset: Parameters<typeof offsetMiddleware>[0] = 4
   export let auto: boolean | 'start' | 'end' = false
 
-  let trigger: HTMLSpanElement | null = null
-  let hint: HTMLSpanElement | null = null
+  let trigger: HTMLDivElement | null = null
+  let hint: HTMLDivElement | null = null
   let dataShow = false
   let id = ''
 
@@ -60,7 +60,7 @@
   })
 </script>
 
-<div bind:this={trigger} aria-describedby={id}>
+<div bind:this={trigger} aria-describedby={id} class="wrapper">
   <slot />
 </div>
 <div bind:this={hint} {id} data-show={dataShow} role="tooltip" class="svelte-hint-tooltip">
@@ -72,6 +72,9 @@
 </div>
 
 <style>
+  .wrapper {
+    display: inline-block;
+  }
   .svelte-hint-tooltip {
     position: absolute;
     visibility: hidden;