chore: fix issue where popovers & modals are sometimes blurry on chrome

2023-08-04 16:22:14 +05:30
parent 0642b589ff
commit fc500b08d2
5 changed files with 10 additions and 11 deletions
--- a/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
+++ b/packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx
@@ -42,7 +42,7 @@ const ModalOverlay = forwardRef(
    return (
      <Dialog
        tabIndex={0}
-        className="fixed left-0 top-0 z-modal h-full w-full"
+        className="fixed flex items-center justify-center left-0 top-0 z-modal h-full w-full"
        ref={mergeRefs([setElement, addCloseMethod, ref])}
        store={dialog}
        modal={false}