From c6af49e6ef6a862bd30b1caf385a98f665f86479 Mon Sep 17 00:00:00 2001
From: Aaron Chan <42254254+aaronchan32@users.noreply.github.com>
Date: Fri, 5 Apr 2024 19:03:21 -0700
Subject: [PATCH] fix: fix judge fun fact arrow

---
 src/components/JudgeFunFacts/JudgeFunFacts.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/JudgeFunFacts/JudgeFunFacts.scss b/src/components/JudgeFunFacts/JudgeFunFacts.scss
index b215351..220cee0 100644
--- a/src/components/JudgeFunFacts/JudgeFunFacts.scss
+++ b/src/components/JudgeFunFacts/JudgeFunFacts.scss
@@ -12,10 +12,18 @@
     max-width: 50ch;
     width: fit-content;
     border-radius: 0;
+    margin-top: 1rem;
   }
-}
 
-[class*='react-tooltip__place-bottom'] {
-  > .arrow {
+  .react-tooltip-arrow {
+    $arrow-size: 6px;
+    transform: rotate(0deg) !important;
+    width: 0;
+    height: 0;
+    transform: translateY(-8px) !important;
+    border-left: $arrow-size solid transparent;
+    border-right: $arrow-size solid transparent;
+    border-bottom: calc($arrow-size * 2) solid rgba(255, 255, 255, 0.8); /* Change the color as needed */
+    background-color: transparent;
   }
 }