diff --git a/src/components/layout/update-dialog.tsx b/src/components/layout/update-dialog.tsx
index 971d5b3ee3c793a86d79e32dd1141f9fe6cc1008..d4345b8f46fbe045ee1a7e88af735bce013662ef 100644
--- a/src/components/layout/update-dialog.tsx
+++ b/src/components/layout/update-dialog.tsx
@@ -2,6 +2,7 @@ import useSWR from "swr";
 import snarkdown from "snarkdown";
 import { useMemo } from "react";
 import { useRecoilState } from "recoil";
+import { useTranslation } from "react-i18next";
 import {
   Box,
   Button,
@@ -28,6 +29,7 @@ const UpdateLog = styled(Box)(() => ({
 
 const UpdateDialog = (props: Props) => {
   const { open, onClose } = props;
+  const { t } = useTranslation();
   const { data: updateInfo } = useSWR("checkUpdate", checkUpdate, {
     errorRetryCount: 2,
     revalidateIfStale: false,
@@ -69,14 +71,16 @@ const UpdateDialog = (props: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={onClose}>Cancel</Button>
+        <Button variant="outlined" onClick={onClose}>
+          {t("Cancel")}
+        </Button>
         <Button
           autoFocus
           variant="contained"
           disabled={updateState}
           onClick={onUpdate}
         >
-          Update
+          {t("Update")}
         </Button>
       </DialogActions>
     </Dialog>
diff --git a/src/components/setting/mods/config-viewer.tsx b/src/components/setting/mods/config-viewer.tsx
index 6606fd894ad0d93fbc23693d3b53ae44ba3e3d63..88cfc289bb42925074b4bffb09c9f8aaf20bd206 100644
--- a/src/components/setting/mods/config-viewer.tsx
+++ b/src/components/setting/mods/config-viewer.tsx
@@ -64,7 +64,9 @@ const ConfigViewer = () => {
         </DialogContent>
 
         <DialogActions>
-          <Button onClick={() => setOpen(false)}>{t("Back")}</Button>
+          <Button variant="outlined" onClick={() => setOpen(false)}>
+            {t("Back")}
+          </Button>
         </DialogActions>
       </Dialog>
 
diff --git a/src/components/setting/mods/web-ui-viewer.tsx b/src/components/setting/mods/web-ui-viewer.tsx
index ca9ce1e14de66e9eb374432f163a0ba2fef4f660..68b47a75ea87c3a3b5f1b6db73633b9266fb8bbb 100644
--- a/src/components/setting/mods/web-ui-viewer.tsx
+++ b/src/components/setting/mods/web-ui-viewer.tsx
@@ -145,7 +145,9 @@ const WebUIViewer = ({ handler, onError }: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={() => setOpen(false)}>{t("Back")}</Button>
+        <Button variant="outlined" onClick={() => setOpen(false)}>
+          {t("Back")}
+        </Button>
       </DialogActions>
     </Dialog>
   );
diff --git a/src/components/setting/setting-theme.tsx b/src/components/setting/setting-theme.tsx
index 22c097c8a50051ff7d9278c89027744403520c27..13ea2bcda900f194efc1bec9b958943d8318dfde 100644
--- a/src/components/setting/setting-theme.tsx
+++ b/src/components/setting/setting-theme.tsx
@@ -142,7 +142,9 @@ const SettingTheme = (props: Props) => {
       </DialogContent>
 
       <DialogActions>
-        <Button onClick={onClose}>{t("Cancel")}</Button>
+        <Button variant="outlined" onClick={onClose}>
+          {t("Cancel")}
+        </Button>
         <Button onClick={onSave} variant="contained">
           {t("Save")}
         </Button>