diff --git a/src/components/TooltipComponent.vue b/src/components/TooltipComponent.vue
index 06476c58..e8a4114d 100644
--- a/src/components/TooltipComponent.vue
+++ b/src/components/TooltipComponent.vue
@@ -99,6 +99,7 @@ defineProps<{
 }
 
 .tooltip .tooltip-text {
+  border: 1px solid var(--_bg-box-content);
   width: 250px;
   height: 200px;
   background-color: var(--_bg-tooltip-branch);
@@ -120,8 +121,7 @@ defineProps<{
   left: var(--_main-page-branch-tooltip);
   border-width: 8px;
   border-style: solid;
-  border-color: var(--_bg-tooltip-branch-arrow) transparent transparent
-    transparent;
+  border-color: var(--_bg-box-content) transparent transparent transparent;
   transform: rotate(270deg);
 }