diff --git a/packages/manager/.changeset/pr-9289-fixed-1687364211275.md b/packages/manager/.changeset/pr-9289-fixed-1687364211275.md new file mode 100644 index 00000000000..eb0de60797f --- /dev/null +++ b/packages/manager/.changeset/pr-9289-fixed-1687364211275.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Fix confirmation modal overflow on mobile ([#9289](https://github.com/linode/manager/pull/9289)) diff --git a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx index 8b367d1460c..880d95a525f 100644 --- a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx +++ b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx @@ -9,9 +9,6 @@ import { DialogTitle } from 'src/components/DialogTitle/DialogTitle'; const useStyles = makeStyles()((theme: Theme) => ({ root: { - '& .MuiPaper-root': { - minWidth: 480, - }, '& .MuiDialogTitle-root': { marginBottom: 10, }, diff --git a/packages/manager/src/components/DialogTitle/DialogTitle.tsx b/packages/manager/src/components/DialogTitle/DialogTitle.tsx index 1065d8c2aa7..bebac78b61e 100644 --- a/packages/manager/src/components/DialogTitle/DialogTitle.tsx +++ b/packages/manager/src/components/DialogTitle/DialogTitle.tsx @@ -43,6 +43,7 @@ const DialogTitle = (props: DialogTitleProps) => { justifyContent: 'space-between', position: 'relative', width: '100%', + lineHeight: '1.5rem', }} > {title}