diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useGroupingListItems.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useGroupingListItems.tsx
index 20006cf01588..646b85c838be 100644
--- a/apps/meteor/client/sidebar/header/actions/hooks/useGroupingListItems.tsx
+++ b/apps/meteor/client/sidebar/header/actions/hooks/useGroupingListItems.tsx
@@ -25,19 +25,19 @@ export const useGroupingListItems = (): GenericMenuItemProps[] => {
 			id: 'unread',
 			content: t('Unread'),
 			icon: 'flag',
-			addon: <CheckBox mi={16} onChange={handleChangeShowUnread} checked={sidebarShowUnread} />,
+			addon: <CheckBox onChange={handleChangeShowUnread} checked={sidebarShowUnread} />,
 		},
 		{
 			id: 'favorites',
 			content: t('Favorites'),
 			icon: 'star',
-			addon: <CheckBox mi={16} onChange={handleChangeShoFavorite} checked={sidebarShowFavorites} />,
+			addon: <CheckBox onChange={handleChangeShoFavorite} checked={sidebarShowFavorites} />,
 		},
 		{
 			id: 'types',
 			content: t('Types'),
 			icon: 'group-by-type',
-			addon: <CheckBox mi={16} onChange={handleChangeGroupByType} checked={sidebarGroupByType} />,
+			addon: <CheckBox onChange={handleChangeGroupByType} checked={sidebarGroupByType} />,
 		},
 	];
 };
diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useSortModeItems.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useSortModeItems.tsx
index b9432f821373..56041ab4e571 100644
--- a/apps/meteor/client/sidebar/header/actions/hooks/useSortModeItems.tsx
+++ b/apps/meteor/client/sidebar/header/actions/hooks/useSortModeItems.tsx
@@ -26,14 +26,14 @@ export const useSortModeItems = (): GenericMenuItemProps[] => {
 			id: 'activity',
 			content: t('Activity'),
 			icon: 'clock',
-			addon: <RadioButton mi={16} onChange={setToActivity} checked={sidebarSortBy === 'activity'} />,
+			addon: <RadioButton onChange={setToActivity} checked={sidebarSortBy === 'activity'} />,
 			description: sidebarSortBy === 'activity' && isOmnichannelEnabled && <OmnichannelSortingDisclaimer />,
 		},
 		{
 			id: 'name',
 			content: t('Name'),
 			icon: 'sort-az',
-			addon: <RadioButton mi={16} onChange={setToAlphabetical} checked={sidebarSortBy === 'alphabetical'} />,
+			addon: <RadioButton onChange={setToAlphabetical} checked={sidebarSortBy === 'alphabetical'} />,
 			description: sidebarSortBy === 'alphabetical' && isOmnichannelEnabled && <OmnichannelSortingDisclaimer />,
 		},
 	];
diff --git a/apps/meteor/client/sidebar/header/actions/hooks/useViewModeItems.tsx b/apps/meteor/client/sidebar/header/actions/hooks/useViewModeItems.tsx
index 3e27dd22c7fa..ca2855d09db5 100644
--- a/apps/meteor/client/sidebar/header/actions/hooks/useViewModeItems.tsx
+++ b/apps/meteor/client/sidebar/header/actions/hooks/useViewModeItems.tsx
@@ -29,25 +29,25 @@ export const useViewModeItems = (): GenericMenuItemProps[] => {
 			id: 'extended',
 			content: t('Extended'),
 			icon: 'extended-view',
-			addon: <RadioButton mi={16} onChange={setToExtended} checked={sidebarViewMode === 'extended'} />,
+			addon: <RadioButton onChange={setToExtended} checked={sidebarViewMode === 'extended'} />,
 		},
 		{
 			id: 'medium',
 			content: t('Medium'),
 			icon: 'medium-view',
-			addon: <RadioButton mi={16} onChange={setToMedium} checked={sidebarViewMode === 'medium'} />,
+			addon: <RadioButton onChange={setToMedium} checked={sidebarViewMode === 'medium'} />,
 		},
 		{
 			id: 'condensed',
 			content: t('Condensed'),
 			icon: 'condensed-view',
-			addon: <RadioButton mi={16} onChange={setToCondensed} checked={sidebarViewMode === 'condensed'} />,
+			addon: <RadioButton onChange={setToCondensed} checked={sidebarViewMode === 'condensed'} />,
 		},
 		{
 			id: 'avatars',
 			content: t('Avatars'),
 			icon: 'user-rounded',
-			addon: <ToggleSwitch mie={16} onChange={handleChangeSidebarDisplayAvatar} checked={sidebarDisplayAvatar} />,
+			addon: <ToggleSwitch onChange={handleChangeSidebarDisplayAvatar} checked={sidebarDisplayAvatar} />,
 		},
 	];
 };