diff --git a/packages/desktop-client/src/components/common/Modal.tsx b/packages/desktop-client/src/components/common/Modal.tsx
index 3eac7bf303b9a90598562bff9e4f8907b84458d4..6f1de3b2f0861803c0cddd5792c2709db88fde6d 100644
--- a/packages/desktop-client/src/components/common/Modal.tsx
+++ b/packages/desktop-client/src/components/common/Modal.tsx
@@ -23,7 +23,7 @@ export type ModalProps = {
   isHidden?: boolean;
   children: ReactNode | (() => ReactNode);
   size?: { width?: number; height?: number };
-  padding?: number;
+  padding?: CSSProperties['padding'];
   showHeader?: boolean;
   showTitle?: boolean;
   showClose?: boolean;
@@ -93,6 +93,7 @@ const Modal = ({
           backgroundColor: 'transparent',
           padding: 0,
           pointerEvents: 'auto',
+          margin: '0 10px',
           ...contentStyle,
         },
         overlay: {
diff --git a/upcoming-release-notes/2082.md b/upcoming-release-notes/2082.md
new file mode 100644
index 0000000000000000000000000000000000000000..e27bde08a466765e8733aba241137b4ebecadc47
--- /dev/null
+++ b/upcoming-release-notes/2082.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Add left and right margin to modals.