1 files changed, 3 insertions, 4 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}>