Use border-current

Author: RoyalIcing

lib/components_guide_web/templates/react_typescript/_nav.html.heex

@@ -1,5 +1,5 @@
 <nav>
-  <p class="px-2 pb-6 mb-6 text-5xl text-blue-200 border-b-4 border-blue-200"><%= "React & TypeScript Guide" %></p>
+  <p class="px-2 pb-6 mb-6 text-5xl text-blue-200 border-b-4 border-current"><%= "React & TypeScript Guide" %></p>
   <ul class="text-xl" data-links="block p-2 current-page-bold">
     <li><%= link(@conn, "Fundamentals", to: "/react+typescript") %></li>
     <li><%= link(@conn, "Testing", to: "/react+typescript/testing") %></li>

lib/components_guide_web/templates/robust_javascript_interactivity/_nav.html.eex

@@ -1,5 +1,5 @@
 <nav>
-  <p class="px-2 pb-6 mb-6 text-5xl text-orange-200 border-b-4 border-orange-200"><%= "Robust JavaScript Interactivity" %></p>
+  <p class="px-2 pb-6 mb-6 text-5xl text-orange-200 border-b-4 border-current"><%= "Robust JavaScript Interactivity" %></p>
   <ul class="text-xl" data-links="block p-2 current-page-bold">
     <li><%= link("What goes wrong?", to: '/robust-javascript') %>
     <li><%= link("Idempotency", to: '/robust-javascript/idempotent-javascript-operations') %>