diff --git a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js
index 58525d7e8..d33dbf1f2 100644
--- a/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js
+++ b/packages/components/src/misc/CardEmptyCover/CardEmptyCover.styles.js
@@ -3,7 +3,7 @@ import { createStyles, pxToRem } from '@bubbles-ui/components';
 
 export const CardEmptyCoverStyles = createStyles((theme, { height }) => ({
   emptyStateRoot: {
-    height: height ? pxToRem(height) : pxToRem(144),
+    height: height ? `${height}px` : '100%',
     width: 'auto',
     display: 'flex',
     overflow: 'hidden',
diff --git a/packages/components/src/overlay/ModalZoom/ModalZoom.js b/packages/components/src/overlay/ModalZoom/ModalZoom.js
index b3c0418dd..e859113b9 100644
--- a/packages/components/src/overlay/ModalZoom/ModalZoom.js
+++ b/packages/components/src/overlay/ModalZoom/ModalZoom.js
@@ -14,11 +14,11 @@ const ModalZoom = ({ children, canPlay, opened, hideButton, onClose = noop, styl
   const { classes } = ModalZoomStyles({}, { name: 'ModalZoom' });
 
   React.useEffect(() => {
-    if(opened !== open) {
+    if (opened !== open) {
       setOpen(opened);
       center.current?.call();
     }
-  }, [opened])
+  }, [opened]);
 
   return (
     <>