diff --git a/web/containers/Layout/Ribbon/index.tsx b/web/containers/Layout/Ribbon/index.tsx
index dc238b213..74f0c0813 100644
--- a/web/containers/Layout/Ribbon/index.tsx
+++ b/web/containers/Layout/Ribbon/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 
 import {
   Tooltip,
@@ -279,6 +279,7 @@ export default function RibbonNav() {
               </ModalClose>
               <Button
                 themes="danger"
+                autoFocus
                 block
                 onClick={() => {
                   setshowModalUpdateThreadSetting({