test: test

.github/workflows/dependency_review.yml

@@ -1,19 +1,19 @@
-name: Deriv-app Dependency Review
-on: 
-  pull_request:
-    branches:
-        - master
-jobs:
-    dependency_review:
-        runs-on: ubuntu-latest
-        permissions:
-            contents: read
-            pull-requests: write
-        steps:
-        - name: Checkout Repository
-          uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11
-        - name: Dependency Review
-          uses: actions/dependency-review-action@5bbc3ba658137598168acb2ab73b21c432dd411b
-          with:
-            comment-summary-in-pr: on-failure
-            repo-token: ${{ secrets.GITHUB_TOKEN }}
+# name: Deriv-app Dependency Review
+# on: 
+#   pull_request:
+#     branches:
+#         - master
+# jobs:
+#     dependency_review:
+#         runs-on: ubuntu-latest
+#         permissions:
+#             contents: read
+#             pull-requests: write
+#         steps:
+#         - name: Checkout Repository
+#           uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11
+#         - name: Dependency Review
+#           uses: actions/dependency-review-action@5bbc3ba658137598168acb2ab73b21c432dd411b
+#           with:
+#             comment-summary-in-pr: on-failure
+#             repo-token: ${{ secrets.GITHUB_TOKEN }}

packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCard.scss

@@ -1,6 +1,6 @@
 .wallets-jurisdiction-card {
     background-color: #ff444f;
-    height: 100vh;
+    height: 100%;
     width: 25%;
     cursor: pointer;
     position: relative;
@@ -10,6 +10,8 @@
     justify-content: center;
     border-radius: 1.6rem;
     border: 0.2rem solid #f2f3f4;
+    transition-property: box-shadow;
+    transition-duration: 0.3s;
 
     @include mobile {
         max-width: 100%;
@@ -26,6 +28,8 @@
         height: 100%;
         width: 100%;
         transform-style: preserve-3d;
+        transition-duration: 0.3s;
+        transition-property: transform;
 
         &--flipped {
             transform: rotateY(180deg);
@@ -35,7 +39,6 @@
     &-back {
         backface-visibility: hidden;
         transform-style: preserve-3d;
-        position: absolute;
         top: 0;
         left: 0;
         width: 100%;
@@ -54,9 +57,11 @@
         width: 100%;
         justify-content: center;
         padding: 4rem 1.6rem 3.6rem;
+        position: relative;
     }
     &-back {
         transform: rotateY(-180deg);
+        position: absolute;
     }
     &__added-status {
         position: absolute;

packages/wallets/src/features/cfd/screens/Jurisdiction/JurisdictionCard/JurisdictionCardBack.scss

@@ -1,5 +1,4 @@
 .wallets-jurisdiction-card-back {
-    background-color: #efefef;
     backface-visibility: hidden;
     height: 100%;
     transform: rotateY(180deg);