From e0c5a01ede72f70e148c1be8f7fc226645f7454c Mon Sep 17 00:00:00 2001
From: Jim Daniels Wasswa <jim@regentmarkets.com>
Date: Tue, 11 Jun 2024 16:56:03 +0800
Subject: [PATCH] test: test

---
 .../JurisdictionCard/JurisdictionCard.scss    | 19 ++++++-------------
 .../JurisdictionCardBack.scss                 |  9 ++++++---
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss
index 38e22c952eab..75342f295b99 100644
--- a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss
+++ b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss
@@ -43,19 +43,12 @@
             box-shadow: 0rem 2.4rem 4.8rem 0rem rgba(14, 14, 14, 0.18);
         }
     }
-    &-front,
-    &-back {
+
+    &-front {
         backface-visibility: hidden;
         transform-style: preserve-3d;
         top: 0;
         left: 0;
-        width: 100%;
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        justify-content: center;
-    }
-    &-front {
         z-index: 2;
         transform: rotateY(0deg);
         display: flex;
@@ -65,6 +58,7 @@
         justify-content: center;
         padding: 4rem 1.6rem 3.6rem;
         position: relative;
+
         &__tag {
             background-color: #661b20;
             border-radius: 0.4rem;
@@ -99,6 +93,7 @@
                 background: #664407;
             }
         }
+
         &__label {
             text-align: center;
 
@@ -107,13 +102,11 @@
             }
         }
     }
-    &-back {
-        transform: rotateY(-180deg);
-        position: absolute;
-    }
+
     &__link {
         color: #ff444f;
     }
+
     &__added-status {
         position: absolute;
         width: 100%;
diff --git a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCardBack.scss b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCardBack.scss
index 031840e62c7d..95e481a7888f 100644
--- a/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCardBack.scss
+++ b/packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCardBack.scss
@@ -1,9 +1,12 @@
 .wallets-jurisdiction-card-back {
     backface-visibility: hidden;
-    height: 100%;
-    transform: rotateY(180deg);
     position: absolute;
-
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    transform-style: preserve-3d;
+    transform: rotateY(-180deg);
     display: flex;
     flex-direction: column;
     gap: 1.6rem;