diff --git a/template/spell-browser-list.html b/template/spell-browser-list.html
index 5dc436a..92ef476 100644
--- a/template/spell-browser-list.html
+++ b/template/spell-browser-list.html
@@ -11,35 +11,44 @@
 		/>
 	</div>
 	<div class="item-name">
-		<span class="item-edit"><a data-tooltip="({{spell.compendium}})">{{spell.name}}</a></span>
+		<span class="item-edit"
+			><a data-tooltip="({{spell.compendium}})" data-tooltip-direction="UP">{{spell.name}}</a></span
+		>
 	</div>
 	<div class="spell-tags">
-		<span data-tooltip="Spell level">{{#if spell.data.level}}{{spell.data.level}}{{else}}C{{/if}}</span>
+		<span data-tooltip="Spell level" data-tooltip-direction="UP"
+			>{{#if spell.data.level}}{{spell.data.level}}{{else}}C{{/if}}</span
+		>
 		<div class="spacer-large"></div>
 		<span
 			class="{{#unless spell.data.components.ritual}}negative{{/unless}}"
 			data-tooltip="{{localize 'DND5E.Ritual'}}"
+			data-tooltip-direction="UP"
 			>R</span
 		>
 		<span
 			class="{{#unless spell.data.components.concentration}}negative{{/unless}}"
 			data-tooltip="{{localize 'DND5E.Concentration'}}"
+			data-tooltip-direction="UP"
 			>C</span
 		>
 		<div class="spacer"></div>
 		<span
 			class="{{#unless spell.data.components.vocal}}negative{{/unless}}"
 			data-tooltip="{{localize 'DND5E.ComponentVerbal'}}"
+			data-tooltip-direction="UP"
 			>V</span
 		>
 		<span
 			class="{{#unless spell.data.components.somatic}}negative{{/unless}}"
 			data-tooltip="{{localize 'DND5E.ComponentSomatic'}}"
+			data-tooltip-direction="UP"
 			>S</span
 		>
 		<span
 			class="{{#unless spell.data.components.material}}negative{{/unless}}"
 			data-tooltip="{{localize 'DND5E.ComponentMaterial'}}"
+			data-tooltip-direction="UP"
 			>M</span
 		>
 	</div>