diff --git a/.changeset/fair-vans-sort.md b/.changeset/fair-vans-sort.md
new file mode 100644
index 000000000..5c1028bcb
--- /dev/null
+++ b/.changeset/fair-vans-sort.md
@@ -0,0 +1,5 @@
+---
+'@relayprotocol/relay-kit-ui': patch
+---
+
+Fix modal gap on mobile
diff --git a/packages/ui/src/components/common/TransactionModal/TransactionModal.tsx b/packages/ui/src/components/common/TransactionModal/TransactionModal.tsx
index 1bb135dbb..4425b59f6 100644
--- a/packages/ui/src/components/common/TransactionModal/TransactionModal.tsx
+++ b/packages/ui/src/components/common/TransactionModal/TransactionModal.tsx
@@ -233,7 +233,10 @@ const InnerTransactionModal: FC<InnerTransactionModalProps> = ({
       css={{
         overflow: 'hidden',
         p: '4',
-        maxWidth: '412px !important'
+        maxWidth: '412px !important',
+        '@media(max-width: 520px)': {
+          maxWidth: 'unset !important'
+        }
       }}
       showCloseButton={true}
       onPointerDownOutside={(e) => {
diff --git a/packages/ui/src/components/widgets/OnrampWidget/modals/OnrampModal.tsx b/packages/ui/src/components/widgets/OnrampWidget/modals/OnrampModal.tsx
index 73afe0f9a..27f154b4f 100644
--- a/packages/ui/src/components/widgets/OnrampWidget/modals/OnrampModal.tsx
+++ b/packages/ui/src/components/widgets/OnrampWidget/modals/OnrampModal.tsx
@@ -430,7 +430,10 @@ export const OnrampModal: FC<OnrampModalProps> = ({
       css={{
         overflow: 'hidden',
         p: '4',
-        maxWidth: '412px !important'
+        maxWidth: '412px !important',
+        '@media(max-width: 520px)': {
+          maxWidth: 'unset !important'
+        }
       }}
     >
       {step === OnrampStep.Confirming ? (