From 9603e9bd345b6973218206eaea0928cf64dd6b3b Mon Sep 17 00:00:00 2001
From: Fabian Stoehr <stoehr@ub.uni-leipzig.de>
Date: Mon, 25 Nov 2024 14:29:19 +0100
Subject: [PATCH] refactor: use designers styling preference

---
 src/components/WindowViewSettings.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/WindowViewSettings.js b/src/components/WindowViewSettings.js
index 9ff11498c8..2f627dd91b 100644
--- a/src/components/WindowViewSettings.js
+++ b/src/components/WindowViewSettings.js
@@ -16,8 +16,17 @@ const ViewOption = styled(MenuItem, { name: 'WindowViewSettings', slot: 'option'
     ...(selected && {
       borderBottomColor: theme.palette.secondary.main,
     }),
-    backgroundColor: 'transparent !important',
+    '&.Mui-selected': {
+      backgroundColor: 'transparent !important',
+    },
+    '&.Mui-selected.Mui-focusVisible': {
+      backgroundColor: `${(theme.vars || theme).palette.action.focus} !important`,
+    },
+    '&:focused': {
+      backgroundColor: `${(theme.vars || theme).palette.action.focus} !important`,
+    },
     color: selected ? theme.palette.secondary.main : undefined,
+    display: 'inline-block',
   },
 }));