diff --git a/src/components/layout/update-dialog.tsx b/src/components/layout/update-dialog.tsx
index 971d5b3..d4345b8 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 6606fd8..88cfc28 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 ca9ce1e..68b47a7 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 22c097c..13ea2bc 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>