diff --git a/package-lock.json b/package-lock.json
index 1ccbd133c59..8d5942bd385 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,14 +11,14 @@
             "dependencies": {
                 "@artsy/fresnel": "^6.2.1",
                 "@builder.io/partytown": "^0.8.1",
-                "@deriv-com/blocks": "^0.55.0",
-                "@deriv-com/components": "^0.35.0",
+                "@deriv-com/blocks": "^0.57.0",
+                "@deriv-com/components": "^0.36.0",
                 "@deriv-com/hooks": "^0.10.0",
                 "@deriv-com/providers": "^0.10.0",
                 "@deriv/analytics": "^1.4.3",
                 "@deriv/deriv-api": "^1.0.13",
                 "@deriv/quill-design": "^1.2.6",
-                "@deriv/quill-icons": "^1.0.16",
+                "@deriv/quill-icons": "^1.0.17",
                 "@hookform/resolvers": "^3.3.2",
                 "@livechat/customer-sdk": "^3.1.5",
                 "@loadable/component": "^5.15.3",
@@ -3004,14 +3004,14 @@
             }
         },
         "node_modules/@deriv-com/blocks": {
-            "version": "0.55.0",
-            "resolved": "https://npm.pkg.github.com/download/@deriv-com/blocks/0.55.0/fc7f3a5b01a7f70e1ec3042b2ab44399a100bfa8",
-            "integrity": "sha512-XZpDjr1N4G/z6aU4SjATvZpoMj+JVv+tWS0FXzYKo2Ofw/SgtGI7E0LsaMbdCEYo2EpRTv5ObzTF+mM28AMO3Q=="
+            "version": "0.57.0",
+            "resolved": "https://npm.pkg.github.com/download/@deriv-com/blocks/0.57.0/5348a8932720df57f0ae7cfce0f241820a97619e",
+            "integrity": "sha512-2kY3cQlhN0NNmDz53vrM74dZ06FKpfsObqcOEkVwMmi9JH8fLI7Ivy5Qpa1MceCfq47ojwRwjhh2/86rM4RHYw=="
         },
         "node_modules/@deriv-com/components": {
-            "version": "0.35.0",
-            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.35.0/c2f5acd8bb04c7787ceafa0719a2205a6165e411",
-            "integrity": "sha512-PPCqHg7dZJCcHc6Ck6LVqJIvZXw9cIwdqHiCI+22hI6Umy7a+VYY4xHy1o4Cdp6+xVEShgVD40ZYxFzmPZbdwA=="
+            "version": "0.36.0",
+            "resolved": "https://npm.pkg.github.com/download/@deriv-com/components/0.36.0/de4121e9ece7baf2bb00a7cd880dfaaad8aeeb3d",
+            "integrity": "sha512-B0m3tKHji8VGUw+Bawg+tFHFR8eI1xLytlpZ0bT/q+XbxE7puFYQ0PCt9cJaWr5/RbPRnCMH5tvNFsGpUQ0fiA=="
         },
         "node_modules/@deriv-com/hooks": {
             "version": "0.10.0",
@@ -3084,9 +3084,9 @@
             }
         },
         "node_modules/@deriv/quill-icons": {
-            "version": "1.0.16",
-            "resolved": "https://registry.npmjs.org/@deriv/quill-icons/-/quill-icons-1.0.16.tgz",
-            "integrity": "sha512-bKjhIictrp85MKNKWZ6B5YFbUUulZVgIcPbsWJ8eXxhAYKAKAFleQXT+HFWJB6ciq4qoD83h3VzXN5eH5r1JkQ==",
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/@deriv/quill-icons/-/quill-icons-1.1.4.tgz",
+            "integrity": "sha512-iiWiosN16sRScwR4t3a47Gk6pHpXyTIaY7osAsTD2XNgzBfmEKuD/JAer3YA3oTbbPmtqP1WcZxbRfI+icq4Jg==",
             "peerDependencies": {
                 "react": ">= 16",
                 "react-dom": ">= 16"
diff --git a/package.json b/package.json
index 78f9321993e..dde1a03ad61 100644
--- a/package.json
+++ b/package.json
@@ -6,14 +6,14 @@
     "dependencies": {
         "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
-        "@deriv-com/blocks": "^0.55.0",
-        "@deriv-com/components": "^0.35.0",
+        "@deriv-com/blocks": "^0.57.0",
+        "@deriv-com/components": "^0.36.0",
         "@deriv-com/hooks": "^0.10.0",
         "@deriv-com/providers": "^0.10.0",
         "@deriv/analytics": "^1.4.3",
         "@deriv/deriv-api": "^1.0.13",
         "@deriv/quill-design": "^1.2.6",
-        "@deriv/quill-icons": "^1.0.16",
+        "@deriv/quill-icons": "^1.0.17",
         "@hookform/resolvers": "^3.3.2",
         "@livechat/customer-sdk": "^3.1.5",
         "@loadable/component": "^5.15.3",
diff --git a/src/features/components/templates/footer/data.tsx b/src/features/components/templates/footer/data.tsx
index e3eacbfb77c..e4e7c14f825 100644
--- a/src/features/components/templates/footer/data.tsx
+++ b/src/features/components/templates/footer/data.tsx
@@ -489,61 +489,61 @@ export const warnText = (
 
 export const socialButtonsROW = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/derivdotcom',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/deriv_official',
     },
     {
-        icon: <StandaloneXTwitterIcon iconSize="md" />,
+        icon: <StandaloneXTwitterIcon iconSize="md" fill="#000000b8" />,
         href: 'https://twitter.com/derivdotcom/',
     },
     {
-        icon: <StandaloneYoutubeIcon iconSize="md" />,
+        icon: <StandaloneYoutubeIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.youtube.com/@deriv',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/',
     },
 ]
 
 export const socialButtonsEU = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/DerivEU',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/deriv_eu/',
     },
     {
-        icon: <StandaloneXTwitterIcon iconSize="md" />,
+        icon: <StandaloneXTwitterIcon iconSize="md" fill="#000000b8" />,
         href: 'https://twitter.com/deriv_eu/',
     },
     {
-        icon: <StandaloneYoutubeIcon iconSize="md" />,
+        icon: <StandaloneYoutubeIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.youtube.com/@deriv',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/',
     },
 ]
 
 export const socialButtonsCareers = [
     {
-        icon: <StandaloneFacebookIcon iconSize="md" />,
+        icon: <StandaloneFacebookIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.facebook.com/derivcareers',
     },
     {
-        icon: <StandaloneInstagramIcon iconSize="md" />,
+        icon: <StandaloneInstagramIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.instagram.com/derivcareers/',
     },
     {
-        icon: <StandaloneLinkedinIcon iconSize="md" />,
+        icon: <StandaloneLinkedinIcon iconSize="md" fill="#000000b8" />,
         href: 'https://www.linkedin.com/company/derivdotcom/life/',
     },
 ]
diff --git a/src/features/components/templates/footer/download.tsx b/src/features/components/templates/footer/download.tsx
index a0a62c84386..d456643bbe6 100644
--- a/src/features/components/templates/footer/download.tsx
+++ b/src/features/components/templates/footer/download.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import {
-    LabelPairedAppleIcon,
-    LabelPairedGooglePlayIcon,
-    LabelPairedHuaweiAppGalleryIcon,
+    LabelPairedAppleLgIcon,
+    LabelPairedGooglePlayLgIcon,
+    LabelPairedHuaweiAppGalleryLgIcon,
     // eslint-disable-next-line import/no-unresolved
 } from '@deriv/quill-icons/LabelPaired'
 import clsx from 'clsx'
@@ -21,7 +21,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses, 'order-last')}
             >
-                <LabelPairedHuaweiAppGalleryIcon iconSize="md" />
+                <LabelPairedHuaweiAppGalleryLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/explore-appgallery.png"
                     alt={localize('_t_explore it on appgallery_t_')}
@@ -35,7 +35,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses)}
             >
-                <LabelPairedGooglePlayIcon iconSize="md" />
+                <LabelPairedGooglePlayLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/get-googleplay.png"
                     alt={localize('_t_get it on google play_t_')}
@@ -49,7 +49,7 @@ const DownloadBadges = () => {
                 target="_blank"
                 className={clsx(sharedClasses)}
             >
-                <LabelPairedAppleIcon iconSize="md" />
+                <LabelPairedAppleLgIcon fill="#000000b8" />
                 <StaticImage
                     src="../../../../images/common/migration/footer/download-appstore.png"
                     alt={localize('_t_download on the app store_t_')}
diff --git a/src/features/components/templates/navigation/main-nav/nav.buttons.tsx b/src/features/components/templates/navigation/main-nav/nav.buttons.tsx
index eb74b6d7115..029a8d36077 100644
--- a/src/features/components/templates/navigation/main-nav/nav.buttons.tsx
+++ b/src/features/components/templates/navigation/main-nav/nav.buttons.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { MobileNavToggle } from '@deriv-com/blocks'
 import { Button } from '@deriv/quill-design'
 // eslint-disable-next-line import/no-unresolved
-import { LabelPairedGrid2BoldIcon } from '@deriv/quill-icons/LabelPaired'
+import { LabelPairedGridLgBoldIcon } from '@deriv/quill-icons/LabelPaired'
 import { Localize } from 'components/localization'
 import { handleRedirectToTradersHub } from 'components/custom/utils'
 import useAuthCheck from 'components/hooks/use-auth-check'
@@ -25,7 +25,7 @@ export const MainNavigationButtons = () => {
                     colorStyle="black"
                     size="lg"
                     onClick={handleRedirectToTradersHub}
-                    icon={LabelPairedGrid2BoldIcon}
+                    icon={LabelPairedGridLgBoldIcon}
                     iconPosition="start"
                 >
                     <Localize translate_text="_t_Traders Hub_t_" />