diff --git a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
index c756ba2..216d459 100644
--- a/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipCategoryComponent.vue
@@ -13,7 +13,7 @@ function toggleTooltips() {
 </script>
 
 <template>
-    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-gray-700">
+    <div class="flex p-2 flex-col rounded-xl shadow-lg bg-gradient-to-r from-slate-300 to-slate-400 dark:from-slate-600 dark:to-slate-700">
         <button :class="{ 'mb-2' : !isCategoryHidden }" class="dark:text-slate-100" @click="toggleTooltips()">{{ props.name }}</button>
         <div id="content" :class="{'hidden' : isCategoryHidden}" class="flex flex-col gap-4 w-full h-fit p-2 rounded-xl dark:text-white bg-indigo-50 dark:bg-slate-800" >
             <slot></slot>
diff --git a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
index 53cf676..04b036d 100644
--- a/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
+++ b/Frontend/src/components/xml/tooltips/TooltipEntryComponent.vue
@@ -45,12 +45,12 @@ function toggleTooltips() {
                     <th>Output</th>
                 </tr>
                 <tr>
-                    <td>string(696969)</td>
-                    <td>'696969'</td>
+                    <td class="text-center">string(696969)</td>
+                    <td class="text-center">'696969'</td>
                 </tr>
                 <tr>
-                    <td>string('dupa')</td>
-                    <td>'dupa'</td>
+                    <td class="text-center">string('dupa')</td>
+                    <td class="text-center">'dupa'</td>
                 </tr>
             </table>
         </div>