diff --git a/src/components/profile/confirm-viewer.tsx b/src/components/profile/confirm-viewer.tsx
index d4ca21b8..2ed293e6 100644
--- a/src/components/profile/confirm-viewer.tsx
+++ b/src/components/profile/confirm-viewer.tsx
@@ -29,7 +29,7 @@ export const ConfirmViewer = (props: Props) => {
     <Dialog open={open} onClose={onClose} maxWidth="xs" fullWidth>
       <DialogTitle>{t(title)}</DialogTitle>
 
-      <DialogContent sx={{ width: "95%", pb: 1, userSelect: "text" }}>
+      <DialogContent sx={{ pb: 1, userSelect: "text" }}>
         {t(message)}
       </DialogContent>
 
diff --git a/src/components/setting/mods/web-ui-item.tsx b/src/components/setting/mods/web-ui-item.tsx
index 5d3d84d5..02915508 100644
--- a/src/components/setting/mods/web-ui-item.tsx
+++ b/src/components/setting/mods/web-ui-item.tsx
@@ -90,6 +90,8 @@ export const WebUIItem = (props: Props) => {
           title={value}
           color={value ? "text.primary" : "text.secondary"}
           sx={({ palette }) => ({
+            overflow: "hidden",
+            textOverflow: "ellipsis",
             "> span": {
               color: palette.primary.main,
             },