1 files changed, 7 insertions, 6 deletions

diff --git a/packages/renderer/src/components/ServiceSwitcher.tsx b/packages/renderer/src/components/ServiceSwitcher.tsx
index e4d371e..2cf997e 100644
--- a/packages/renderer/src/components/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/ServiceSwitcher.tsx
@@ -32,7 +32,6 @@ const ServiceSwitcherRoot = styled(Tabs, {
   slot: 'Root',
 })(({ theme }) => ({
   '.MuiTabs-indicator': {
-    width: 3,
     ...(theme.direction === 'ltr'
       ? {
           left: 0,
@@ -56,12 +55,12 @@ const ServiceSwitcherTab = styled(Tab, {
   '&.Mui-selected': {
     backgroundColor:
       theme.palette.mode === 'dark'
-        ? alpha(theme.palette.text.primary, 0.16)
-        : alpha(theme.palette.primary.light, 0.3),
+        ? alpha(theme.palette.text.primary, 0.12)
+        : alpha(theme.palette.primary.light, 0.24),
   },
 }));
 
-export default observer(() => {
+function ServiceSwitcher(): JSX.Element {
   const store = useStore();
   const {
     settings: { selectedService },
@@ -81,10 +80,12 @@ export default observer(() => {
         <ServiceSwitcherTab
           key={service.id}
           value={service.id}
-          icon={<ServiceIcon name={service.settings.name} />}
+          icon={<ServiceIcon service={service} />}
           aria-label={service.settings.name}
         />
       ))}
     </ServiceSwitcherRoot>
   );
-});
+}
+
+export default observer(ServiceSwitcher);