From b410937fa3ecf2a08a11051681e38f028d30a207 Mon Sep 17 00:00:00 2001
From: Aminejv <elouartinra@hotmail.com>
Date: Wed, 15 Sep 2021 18:47:10 +0100
Subject: [PATCH] chore(GlobalCarousel):

- fix typo (trannslateX)

- remove width: 100% and height: 100%. When sitting an element's position to fixed, it will have those values by default
---
 components/system/components/GlobalCarousel.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/components/system/components/GlobalCarousel.js b/components/system/components/GlobalCarousel.js
index 4b3cd438..3281ba16 100644
--- a/components/system/components/GlobalCarousel.js
+++ b/components/system/components/GlobalCarousel.js
@@ -17,8 +17,6 @@ const STYLES_ROOT = css`
   right: 0;
   bottom: 0;
   top: 0;
-  width: 100%;
-  height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -26,9 +24,8 @@ const STYLES_ROOT = css`
   z-index: ${Constants.zindex.modal};
   background-color: rgba(0, 0, 0, 0.8);
 
-  ${
-    "" /* Note(Amine): we're using the blur filter to fix a weird backdrop-filter's bug in chrome */
-  }
+  // Note(Amine): we're using the blur filter to fix a weird backdrop-filter's bug in chrome
+
   filter: blur(0px);
   @supports ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) {
     -webkit-backdrop-filter: blur(15px);
@@ -37,11 +34,11 @@ const STYLES_ROOT = css`
 
   @keyframes global-carousel-fade-in {
     from {
-      transform: translate(8px);
+      transform: translateX(8px);
       opacity: 0;
     }
     to {
-      transform: trannslateX(0px);
+      transform: translateX(0px);
       opacity: 1;
     }
   }