3 files changed, 8 insertions, 16 deletions

diff --git a/packages/renderer/src/components/sidebar/ServiceIcon.tsx b/packages/renderer/src/components/sidebar/ServiceIcon.tsx
index 1017be9..7a6d58a 100644
--- a/packages/renderer/src/components/sidebar/ServiceIcon.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceIcon.tsx
@@ -20,7 +20,7 @@
 
 import IconWarning from '@mui/icons-material/Warning';
 import Badge from '@mui/material/Badge';
-import { styled, useTheme } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import { observer } from 'mobx-react-lite';
 import React, { useEffect, useState } from 'react';
 
@@ -89,7 +89,6 @@ const ServiceIconErrorBadge = styled(ServiceIconBadgeBase, {
 }));
 
 function ServiceIcon({ service }: { service: Service }): JSX.Element {
-  const { direction } = useTheme();
   const {
     settings: { name },
     directMessageCount,
@@ -114,7 +113,7 @@ function ServiceIcon({ service }: { service: Service }): JSX.Element {
       badgeContent={hasError ? <IconWarning fontSize="small" /> : 0}
       anchorOrigin={{
         vertical: 'bottom',
-        horizontal: direction === 'ltr' ? 'right' : 'left',
+        horizontal: 'right',
       }}
     >
       <ServiceIconBadge
@@ -125,7 +124,7 @@ function ServiceIcon({ service }: { service: Service }): JSX.Element {
         color="error"
         anchorOrigin={{
           vertical: 'top',
-          horizontal: direction === 'ltr' ? 'right' : 'left',
+          horizontal: 'right',
         }}
       >
         <ServiceIconRoot hasError={hasError}>
diff --git a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
index 60b8b98..0ebd359 100644
--- a/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
+++ b/packages/renderer/src/components/sidebar/ServiceSwitcher.tsx
@@ -34,20 +34,13 @@ import ServiceIcon from './ServiceIcon';
 const ServiceSwitcherRoot = styled(Tabs, {
   name: 'ServiceSwitcher',
   slot: 'Root',
-})(({ theme }) => ({
+})({
   // Move the indicator to the outer side of the window.
   '.MuiTabs-indicator': {
-    ...(theme.direction === 'ltr'
-      ? {
-          left: 0,
-          right: 'auto',
-        }
-      : {
-          left: 'auto',
-          right: 0,
-        }),
+    left: 0,
+    right: 'auto',
   },
-}));
+});
 
 const ServiceSwitcherTab = styled(Tab, {
   name: 'ServiceSwitcher',
diff --git a/packages/renderer/src/components/sidebar/Sidebar.tsx b/packages/renderer/src/components/sidebar/Sidebar.tsx
index 6c2f219..fc57302 100644
--- a/packages/renderer/src/components/sidebar/Sidebar.tsx
+++ b/packages/renderer/src/components/sidebar/Sidebar.tsx
@@ -48,7 +48,7 @@ export default function Sidebar(): JSX.Element {
           position: 'absolute',
           top: '-20px',
           bottom: '-20px',
-          [theme.direction === 'ltr' ? 'right' : 'left']: '-20px',
+          right: '-20px',
           zIndex: 100,
           width: '20px',
           boxShadow: theme.shadows[4],