diff --git a/frontend/src/TabController.tsx b/frontend/src/TabController.tsx
index 4ffee68..5d5bea8 100644
--- a/frontend/src/TabController.tsx
+++ b/frontend/src/TabController.tsx
@@ -21,8 +21,17 @@ export default function TabController({ tabs, children }: TabControllerProps) {
       <div className="tabs is-boxed is-centered">
         <ul>
           {tabs.map((tab, index) => (
-            <li className={currentIndex === index ? "is-active" : ""}>
-              <a onClick={() => handleTabClick(index)}>{tab.label}</a>
+            <li
+              className={
+                currentIndex === index ? "is-active has-text-weight-bold" : ""
+              }
+            >
+              <a
+                className="has-text-black"
+                onClick={() => handleTabClick(index)}
+              >
+                {tab.label}
+              </a>
             </li>
           ))}
         </ul>