diff --git a/components/settings/Settings.tsx b/components/settings/Settings.tsx
index 2bf11b9..141bbcb 100644
--- a/components/settings/Settings.tsx
+++ b/components/settings/Settings.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { Toaster } from 'react-hot-toast';
 // import { useQuery } from 'react-query';
 import useUpdateSettings, { useFetchSettings } from '../../services/settings';
 import Icon from '../common/Icon';
@@ -293,6 +294,7 @@ const Settings = ({ closeSettings }:SettingsProps) => {
                   </button>
                </div>
             </div>
+            <Toaster position='bottom-center' containerClassName="react_toaster" />
        </div>
    );
 };