meowww

frontend/src/App.jsx

@@ -4077,8 +4077,8 @@ function TournamentBracketSide({ side, navigate, highlight, onHover }) {
         onClick={() => setCollapsed((value) => !value)}
         type="button"
       >
-        <span aria-hidden="true" className={`bracket-caret${collapsed ? ' is-collapsed' : ''}`}>▾</span>
         {side.label}
+        <span aria-hidden="true" className={`bracket-caret${collapsed ? ' is-collapsed' : ''}`}>▾</span>
       </button>
       {collapsed ? null : (
       <BracketViewport>

frontend/src/styles.css

@@ -843,7 +843,8 @@ h3 {
 
 .bracket-caret {
   display: inline-block;
-  font-size: 0.7em;
+  font-size: 1.35rem;
+  line-height: 1;
   transition: transform 0.18s ease;
 }