diff --git a/packages/console/src/components/Toast/index.module.scss b/packages/console/src/components/Toast/index.module.scss
index 761a486c0..7357f75f5 100644
--- a/packages/console/src/components/Toast/index.module.scss
+++ b/packages/console/src/components/Toast/index.module.scss
@@ -23,10 +23,6 @@ div.toast {
     margin: 0 _.unit(3);
   }
 
-  .closeIcon {
-    color: var(--color-icon);
-  }
-
   &.success {
     border: 1px solid var(--color-success-70);
     background-color: var(--color-success-99);
diff --git a/packages/console/src/components/Toast/index.tsx b/packages/console/src/components/Toast/index.tsx
index 91a311679..7cea4e68d 100644
--- a/packages/console/src/components/Toast/index.tsx
+++ b/packages/console/src/components/Toast/index.tsx
@@ -1,12 +1,10 @@
 import classNames from 'classnames';
 import React from 'react';
-import { Toaster, resolveValue, toast } from 'react-hot-toast';
+import { Toaster, resolveValue } from 'react-hot-toast';
 
 import Error from '@/assets/images/toast-error.svg';
 import Success from '@/assets/images/toast-success.svg';
-import Close from '@/icons/Close';
 
-import IconButton from '../IconButton';
 import * as styles from './index.module.scss';
 
 const Toast = () => {
@@ -30,13 +28,6 @@ const Toast = () => {
           <span className={styles.message}>
             {resolveValue(toastInstance.message, toastInstance)}
           </span>
-          <IconButton
-            onClick={() => {
-              toast.remove();
-            }}
-          >
-            <Close className={styles.closeIcon} />
-          </IconButton>
         </div>
       )}
     </Toaster>