diff --git a/src/components/Settings/SettingsDrawer.tsx b/src/components/Settings/SettingsDrawer.tsx
index be7aabc71..846080546 100644
--- a/src/components/Settings/SettingsDrawer.tsx
+++ b/src/components/Settings/SettingsDrawer.tsx
@@ -1,8 +1,8 @@
 import { Drawer, Tabs, Title } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
+
 import { useConfigContext } from '../../config/provider';
 import { useConfigStore } from '../../config/store';
-
 import CommonSettings from './Common/CommonSettings';
 import CustomizationSettings from './Customization/CustomizationSettings';
 
@@ -54,6 +54,7 @@ export function SettingsDrawer({
 
         updateConfig(configName, (_) => config, false, true);
       }}
+      transitionProps={{ duration: 200 }}
     >
       <SettingsMenu newVersionAvailable={newVersionAvailable} />
     </Drawer>