From a8a695ec75a975ef5ac48689d910f094228c79df Mon Sep 17 00:00:00 2001
From: Nees Jan van Eck <36573334+neesjanvaneck@users.noreply.github.com>
Date: Sat, 3 Sep 2022 22:41:18 +0200
Subject: [PATCH] Fix control panel style issue dark user interface (#24)

---
 src/components/ui/ControlPanel/styles.js | 1 -
 src/components/ui/ControlPanel/tabs.js   | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/ControlPanel/styles.js b/src/components/ui/ControlPanel/styles.js
index 37d44a3..4489036 100644
--- a/src/components/ui/ControlPanel/styles.js
+++ b/src/components/ui/ControlPanel/styles.js
@@ -67,7 +67,6 @@ export const contentBox = css`
   overflow-x: hidden;
   overflow-y: scroll;
   background-color: inherit;
-  border-right: 1px solid #fff;
 `;
 
 export const subtitle = css`
diff --git a/src/components/ui/ControlPanel/tabs.js b/src/components/ui/ControlPanel/tabs.js
index cc56601..56c7d89 100644
--- a/src/components/ui/ControlPanel/tabs.js
+++ b/src/components/ui/ControlPanel/tabs.js
@@ -8,7 +8,8 @@ export const PanelTabs = (props) => (
     textColor="primary"
     centered
     sx={{
-      borderBottom: '1px solid #e8e8e8',
+      borderBottom: 1,
+      borderColor: 'divider'
     }}
   />
 );