diff --git a/Frontend/src/components/xml/tooltips/TooltipComponent.vue b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
index 6e1a259..d96c780 100644
--- a/Frontend/src/components/xml/tooltips/TooltipComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipComponent.vue
@@ -12,7 +12,9 @@ function toggleTooltips() {
 
 <template>
     <div :class="{ 'w-1/2' : !areTooltipsHidden }" class="flex items-stretch p-2 flex-row rounded-xl bg-gradient-to-r from-blue-400 to-blue-300 dark:from-sky-700 dark:to-sky-900">
-        <button class="rotate-90 text-xl w-8 text-white" @click="toggleTooltips()">Tooltips</button>
+        <button :class="{'mr-2' : !areTooltipsHidden }" class="text-xl w-6 text-white" @click="toggleTooltips()">
+            T<br/>o<br/>o<br/>l<br/>t<br/>i<br/>p<br/>s
+        </button>
         <div id="content" :class="{'hidden' : areTooltipsHidden}" class="w-full flex flex-col gap-4 p-2 overflow-scroll rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <tooltipCategoryComponent name="Category I">
                 <tooltipEntryComponent name="Test"></tooltipEntryComponent>