From 90126d1aaadb9ea925df19bedaf36486b0e42d0e Mon Sep 17 00:00:00 2001
From: Nathan Stanley <nathan@pixelparasol.com>
Date: Wed, 29 Jul 2026 04:19:31 -0400
Subject: [PATCH] Make current phase more obvious

---
 src/components/Phase.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/Phase.tsx b/src/components/Phase.tsx
index 177bef7..9404e6c 100644
--- a/src/components/Phase.tsx
+++ b/src/components/Phase.tsx
@@ -37,9 +37,22 @@ const Phase: FC<PropType> = ({ phase, current }) => {
       {thisSelected && <div className="text-md px-8">{phase.description}</div>}
       {current && (
         <>
-          <div className="rotate-45 bg-white h-16 w-16 absolute -top-10 -left-12"></div>
-          <div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-10 -left-12"></div>
-          <div className="bg-white w-16 absolute bottom-0 top-0 -left-14"></div>
+          {/* TL Corner */}
+          <div className="rotate-45 bg-white h-16 w-16 absolute -top-12 -left-12"></div>
+          {/* T Side */}
+          <div className="bg-white h-1 absolute top-0 left-0 right-0"></div>
+          {/* TR Corner */}
+          <div className="rotate-45 bg-white h-16 w-16 absolute -top-12 -right-12"></div>
+          {/* R Side */}
+          <div className="bg-white w-1 absolute bottom-0 top-0 right-0"></div>
+          {/* BR Corner */}
+          <div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-12 -right-12"></div>
+          {/* B Side */}
+          <div className="bg-white h-1 absolute bottom-0 left-0 right-0"></div>
+          {/* BL Corner */}
+          <div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-12 -left-12"></div>
+          {/* L Side */}
+          <div className="bg-white w-1 absolute bottom-0 top-0 left-0"></div>
         </>
       )}
     </button>