diff --git a/src/components/LeaveChannel/LeaveConfirmModal.tsx b/src/components/LeaveChannel/LeaveConfirmModal.tsx
index 92d1dcfb..4270e88d 100644
--- a/src/components/LeaveChannel/LeaveConfirmModal.tsx
+++ b/src/components/LeaveChannel/LeaveConfirmModal.tsx
@@ -30,7 +30,7 @@ const LeaveConfirmModal: FC<Props> = ({ id, closeModal, handleNextStep }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.leave")}
         description={isOwner ? t("channel.transfer_desc") : t("channel.leave_desc")}
         buttons={
diff --git a/src/components/LeaveChannel/TransferOwnerModal.tsx b/src/components/LeaveChannel/TransferOwnerModal.tsx
index fb38b20f..fe0a67bd 100644
--- a/src/components/LeaveChannel/TransferOwnerModal.tsx
+++ b/src/components/LeaveChannel/TransferOwnerModal.tsx
@@ -55,7 +55,7 @@ const TransferOwnerModal: FC<Props> = ({ id, closeModal, withLeave = true }) =>
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title="Transfer Ownership"
         description={"This cannot be undone."}
         buttons={
diff --git a/src/routes/settingChannel/DeleteConfirmModal.tsx b/src/routes/settingChannel/DeleteConfirmModal.tsx
index 405ff4a6..214c8c3b 100644
--- a/src/routes/settingChannel/DeleteConfirmModal.tsx
+++ b/src/routes/settingChannel/DeleteConfirmModal.tsx
@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.delete")}
         description={t("channel.delete_desc")}
         buttons={
diff --git a/src/routes/settingDM/DeleteConfirmModal.tsx b/src/routes/settingDM/DeleteConfirmModal.tsx
index f0aba803..9dba6398 100644
--- a/src/routes/settingDM/DeleteConfirmModal.tsx
+++ b/src/routes/settingDM/DeleteConfirmModal.tsx
@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("dm.delete")}
         description={t("dm.delete_desc")}
         buttons={