diff --git a/packages/desktop-client/src/components/common/Modal.tsx b/packages/desktop-client/src/components/common/Modal.tsx
index 1b17f34432..c45e560f91 100644
--- a/packages/desktop-client/src/components/common/Modal.tsx
+++ b/packages/desktop-client/src/components/common/Modal.tsx
@@ -96,14 +96,13 @@ export const Modal = ({
       {...props}
     >
       {/* A container for positioning the modal relative to the visual viewport */}
-      <div
+      <View
         style={{
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
           height: 'var(--visual-viewport-height)',
           overflowY: 'auto',
-          transition: 'height .25s',
         }}
       >
         <ReactAriaModal>
@@ -169,7 +168,7 @@ export const Modal = ({
             </Dialog>
           )}
         </ReactAriaModal>
-      </div>
+      </View>
     </ReactAriaModalOverlay>
   );
 };
diff --git a/upcoming-release-notes/4620.md b/upcoming-release-notes/4620.md
new file mode 100644
index 0000000000..fed4a74ba1
--- /dev/null
+++ b/upcoming-release-notes/4620.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Remove height transition animation from modals when adjusting to viewport height for smoother experience.
\ No newline at end of file