Set btn-secondary on dropdown selectors

This ensures you receive visual feedback when you use the keyboard TAB to move between form fields. At present there is no visual indication when you get to a dropdown.
jupyterhub · Jan 25, 2025 · 78301d2 · 78301d2
1 parent 040c9bb
commit 78301d2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/binderhub/static/js/components/LinkGenerator.jsx b/binderhub/static/js/components/LinkGenerator.jsx
@@ -18,7 +18,7 @@ function ProviderSelector({
   return (
     <>
       <button
-        className="btn border border-2 border-end-0 dropdown-toggle"
+        className="btn btn-secondary border border-2 border-end-0 dropdown-toggle"
         type="button"
         data-bs-toggle="dropdown"
         aria-expanded="false"
@@ -92,7 +92,7 @@ function UrlSelector({ setUrlPath }) {
           onChange={(e) => setPath(e.target.value)}
         />
         <button
-          className="btn border border-2 border-start-0 dropdown-toggle"
+          className="btn btn-secondary border border-2 border-start-0 dropdown-toggle"
           type="button"
           data-bs-toggle="dropdown"
           aria-expanded="false"