diff --git a/src/components/Popover/Popover.test.tsx b/src/components/Popover/Popover.test.tsx
index 4e3cc7c1..0e720bd1 100644
--- a/src/components/Popover/Popover.test.tsx
+++ b/src/components/Popover/Popover.test.tsx
@@ -33,78 +33,94 @@ describe('Popover', () => {
 
   it('should render content on the top centered', () => {
     const { content } = getPopover(<Popover content="Popover" />);
-    expect(content).toHaveStyle('transform: translate(-50%,-100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-50%,-100%) translateZ(0)',
+    );
   });
 
   it('should render content on the top start', () => {
     const { content } = getPopover(<Popover content="Popover" align="start" />);
-    expect(content).toHaveStyle('transform: translate(0%,-100%)');
+    expect(content).toHaveStyle('transform: translate(0%,-100%) translateZ(0)');
   });
 
   it('should render content on the top end', () => {
     const { content } = getPopover(<Popover content="Popover" align="end" />);
-    expect(content).toHaveStyle('transform: translate(-100%,-100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-100%,-100%) translateZ(0)',
+    );
   });
 
   it('should render content on the bottom centered', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="bottom" />,
     );
-    expect(content).toHaveStyle('transform: translate(-50%,100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-50%,100%) translateZ(0)',
+    );
   });
 
   it('should render content on the bottom start', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="bottom" align="start" />,
     );
-    expect(content).toHaveStyle('transform: translate(0%,100%)');
+    expect(content).toHaveStyle('transform: translate(0%,100%) translateZ(0)');
   });
 
   it('should render content on the bottom end', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="bottom" align="end" />,
     );
-    expect(content).toHaveStyle('transform: translate(-100%,100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-100%,100%) translateZ(0)',
+    );
   });
 
   it('should render content on the left centered', () => {
     const { content } = getPopover(<Popover content="Popover" origin="left" />);
-    expect(content).toHaveStyle('transform: translate(-100%,-50%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-100%,-50%) translateZ(0)',
+    );
   });
 
   it('should render content on the left start', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="left" align="start" />,
     );
-    expect(content).toHaveStyle('transform: translate(-100%,0%)');
+    expect(content).toHaveStyle('transform: translate(-100%,0%) translateZ(0)');
   });
 
   it('should render content on the left end', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="left" align="end" />,
     );
-    expect(content).toHaveStyle('transform: translate(-100%,-100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(-100%,-100%) translateZ(0)',
+    );
   });
 
   it('should render content on the right centered', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="right" />,
     );
-    expect(content).toHaveStyle('transform: translate(100%,-50%)');
+    expect(content).toHaveStyle(
+      'transform: translate(100%,-50%) translateZ(0)',
+    );
   });
 
   it('should render content on the right start', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="right" align="start" />,
     );
-    expect(content).toHaveStyle('transform: translate(100%,0%)');
+    expect(content).toHaveStyle('transform: translate(100%,0%) translateZ(0)');
   });
 
   it('should render content on the right end', () => {
     const { content } = getPopover(
       <Popover content="Popover" origin="right" align="end" />,
     );
-    expect(content).toHaveStyle('transform: translate(100%,-100%)');
+    expect(content).toHaveStyle(
+      'transform: translate(100%,-100%) translateZ(0)',
+    );
   });
 
   it('should render correct offset (top)', () => {