From 2d5f11f5fc097e9e1d8d2011de3183de070c8b30 Mon Sep 17 00:00:00 2001
From: Theis Pieter Hollebeek <tphollebeek@gmail.com>
Date: Wed, 8 Feb 2023 13:25:02 +0100
Subject: [PATCH] fix dropdown focus styling

---
 frontend/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/style.css b/frontend/style.css
index 6358dbe..fc82d9a 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -62,9 +62,10 @@ body {
     transform: scale(1.7);
 }
 
-#dropdown-button:focus {
+#dropdown-button:focus-visible {
     outline: none;
     background-color: var(--brand-300);
+    border-radius: 5px;
 }
 
 #dropdown-button:active {
@@ -97,7 +98,7 @@ body {
     outline: none;
 }
 
-#dropdown a:hover, a:focus {
+#dropdown a:hover, #dropdown a:focus {
     background-color: var(--brand-300);
 }