Add left and right margins to modals (#2082)

* Add left and right margins to modals

* Release notes

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: {

upcoming-release-notes/2082.md

+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Add left and right margin to modals.