From a0d772de93efc42c299158ed6bac67b061f6f0a2 Mon Sep 17 00:00:00 2001
From: meenakshi-deriv <meenakshi@regentmarkets.com>
Date: Fri, 19 Jan 2024 15:05:08 +0400
Subject: [PATCH] fix: hotfix

---
 package-lock.json                                         | 8 ++++----
 package.json                                              | 2 +-
 src/data/trustpilot.json                                  | 2 +-
 .../pages/home/live-pricing-migration/utils/index.ts      | 4 ++++
 src/features/pages/home/years/index.tsx                   | 6 ++++--
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 56a1d607022..8bd9c6567a2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
                 "@artsy/fresnel": "^6.2.1",
                 "@builder.io/partytown": "^0.8.1",
                 "@deriv-com/blocks": "^0.79.0",
-                "@deriv-com/components": "^0.47.0",
+                "@deriv-com/components": "^0.48.0",
                 "@deriv-com/hooks": "^0.10.0",
                 "@deriv-com/providers": "^0.11.0",
                 "@deriv/analytics": "^1.4.4",
@@ -3014,9 +3014,9 @@
             "integrity": "sha512-fcZcY/aKYLvqVqoqXcGYcaDAkXdx7+gegBsU1kMDit4M9/vAqa0QOoP/NG37PiXLxMaTUUxARTDhgom4kzGSlQ=="
         },
         "node_modules/@deriv-com/components": {
-            "version": "0.47.0",
-            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.47.0/c9d54134f4ed4b20c877a9b4dea85e801dc25227",
-            "integrity": "sha512-zq5fVUTYLBMVsCHaybaoGVwAsRxch6JTbNEsBC62kDlRH1USVTfShOmwHX+2fjIoWCaruoZNQTWCJCGO4mL6dg=="
+            "version": "0.48.0",
+            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.48.0/4e489524e1605618ee60dc3ccbb51e6b3356e7b3",
+            "integrity": "sha512-OTheRNDHh2BsQiu07YLeSTQczdUZRG5sfDAsC4BQLiP2ut0ABPUVZksr9h9P7uN6inHhmy0JLCSLOYEuOe9RjQ=="
         },
         "node_modules/@deriv-com/hooks": {
             "version": "0.10.0",
diff --git a/package.json b/package.json
index c54d5fb786f..117f424126a 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
         "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
         "@deriv-com/blocks": "^0.79.0",
-        "@deriv-com/components": "^0.47.0",
+        "@deriv-com/components": "^0.48.0",
         "@deriv-com/hooks": "^0.10.0",
         "@deriv-com/providers": "^0.11.0",
         "@deriv/analytics": "^1.4.4",
diff --git a/src/data/trustpilot.json b/src/data/trustpilot.json
index d4bedf88004..fd1aeaabad8 100644
--- a/src/data/trustpilot.json
+++ b/src/data/trustpilot.json
@@ -1,5 +1,5 @@
 {
     "stars": 4.5,
     "trustScore": 4.6,
-    "numberOfReviews": "30,000"
+    "numberOfReviews": "43,385"
 }
diff --git a/src/features/pages/home/live-pricing-migration/utils/index.ts b/src/features/pages/home/live-pricing-migration/utils/index.ts
index 5508a3999ee..11de5fd5c47 100644
--- a/src/features/pages/home/live-pricing-migration/utils/index.ts
+++ b/src/features/pages/home/live-pricing-migration/utils/index.ts
@@ -5,11 +5,15 @@ export const percentToDecimal = (percentStr) => {
 interface SwiperOption {
     spaceBetween: number
     slidesPerView: number | 'auto'
+    reverseDirection: true
+    freeMode: true
 }
 
 export const swiperOption: SwiperOption = {
     spaceBetween: 16,
     slidesPerView: 'auto',
+    reverseDirection: true,
+    freeMode: true,
 }
 
 export const initialLiveMarketData = {
diff --git a/src/features/pages/home/years/index.tsx b/src/features/pages/home/years/index.tsx
index 9cfe538d8d5..5735461a4bd 100644
--- a/src/features/pages/home/years/index.tsx
+++ b/src/features/pages/home/years/index.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Features } from '@deriv-com/blocks'
+import { swiperOption } from '../live-pricing-migration/utils'
 import { cards } from './data'
 import { Localize } from 'components/localization'
 
@@ -8,8 +9,9 @@ const TwentyYearsStrong = () => {
         <Features.ContentSlider
             title={<Localize translate_text="_t_We're 24+ years strong_t_" />}
             cardSliderProps={{
-                slideClasses: 'max-w-[296px] !h-auto mr-800',
-                className: 'w-screen !mr-[calc((-100vw+100%)/2)] lg:w-full lg:!mr-auto',
+                swiperData: swiperOption,
+                slideClasses: 'max-w-[296px] !h-auto !mr-gap-none !ml-gap-none',
+                className: 'w-screen lg:w-full [&>*:nth-child(1)]:!gap-gap-lg ',
                 variant: 'ContentBottom',
                 cards: cards,
             }}