From 35a57ebef9b726c02b15f34b113c80d9db33db7d Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Fri, 11 Nov 2022 11:00:53 +0800
Subject: [PATCH] style(ui): fix modal border radius issue (#2388)

---
 packages/ui/src/components/ConfirmModal/Acmodal.module.scss  | 5 +++++
 .../ui/src/components/ConfirmModal/MobileModal.module.scss   | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/packages/ui/src/components/ConfirmModal/Acmodal.module.scss b/packages/ui/src/components/ConfirmModal/Acmodal.module.scss
index f4afe8f07..003d0ff3e 100644
--- a/packages/ui/src/components/ConfirmModal/Acmodal.module.scss
+++ b/packages/ui/src/components/ConfirmModal/Acmodal.module.scss
@@ -11,6 +11,11 @@
   top: 50%;
   transform: translate(-50%, -50%);
   outline: none;
+  border-radius: 16px;
+
+  &:focus-visible {
+    outline: none;
+  }
 }
 
 .container {
diff --git a/packages/ui/src/components/ConfirmModal/MobileModal.module.scss b/packages/ui/src/components/ConfirmModal/MobileModal.module.scss
index db354e149..43a5523db 100644
--- a/packages/ui/src/components/ConfirmModal/MobileModal.module.scss
+++ b/packages/ui/src/components/ConfirmModal/MobileModal.module.scss
@@ -11,6 +11,11 @@
   top: 50%;
   transform: translate(0, -50%);
   outline: none;
+  border-radius: var(--radius);
+
+  &:focus-visible {
+    outline: none;
+  }
 }
 
 .container {