From ad2e53cd2ca2b20c0219dca9d50f924a5cdd406f Mon Sep 17 00:00:00 2001
From: siandreev <andreev.sergey.i@yandex.ru>
Date: Mon, 1 Apr 2024 16:43:04 +0200
Subject: [PATCH 1/2] fix: desktop modal border radius

---
 packages/uikit/src/components/Notification.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/uikit/src/components/Notification.tsx b/packages/uikit/src/components/Notification.tsx
index 222424333..6526e6f18 100644
--- a/packages/uikit/src/components/Notification.tsx
+++ b/packages/uikit/src/components/Notification.tsx
@@ -178,8 +178,10 @@ const Content = styled.div<{ standalone: boolean }>`
     ${p =>
         p.theme.displayType === 'full-width' &&
         css`
-            border-bottom-right-radius: ${p.theme.cornerMedium};
-            border-bottom-left-radius: ${p.theme.cornerMedium};
+            border-top-right-radius: ${props => props.theme.cornerSmall};
+            border-top-left-radius: ${props => props.theme.cornerSmall};
+            border-bottom-right-radius: ${p.theme.cornerSmall};
+            border-bottom-left-radius: ${p.theme.cornerSmall};
             max-height: calc(100% - 32px);
             overflow: auto;
             padding-top: 0;

From 51b63d26bd985a73890d5f08296a5e888c7612f1 Mon Sep 17 00:00:00 2001
From: siandreev <andreev.sergey.i@yandex.ru>
Date: Mon, 1 Apr 2024 17:00:00 +0200
Subject: [PATCH 2/2] fix: purchases and settings page header text style & pro
 theme modal overlay color

---
 .../uikit/src/desktop-pages/purchases/DesktopPurchases.tsx  | 2 +-
 .../desktop-pages/settings/DesktopWalletSettingsPage.tsx    | 4 +++-
 packages/uikit/src/styles/proTheme.ts                       | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx b/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx
index e3bb67e23..57b1cbd50 100644
--- a/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx
+++ b/packages/uikit/src/desktop-pages/purchases/DesktopPurchases.tsx
@@ -89,7 +89,7 @@ export const DesktopPurchases = () => {
     return (
         <DesktopViewPageLayout ref={scrollRef}>
             <DesktopViewHeader borderBottom={!closeTop}>
-                {t('page_header_purchases')}
+                <Label2>{t('page_header_purchases')}</Label2>
             </DesktopViewHeader>
             <NFTPageBody>{nfts && <NftsListStyled nfts={nfts} />}</NFTPageBody>
         </DesktopViewPageLayout>
diff --git a/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx b/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx
index b261675a1..5a0ad5e49 100644
--- a/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx
+++ b/packages/uikit/src/desktop-pages/settings/DesktopWalletSettingsPage.tsx
@@ -55,7 +55,9 @@ export const DesktopWalletSettingsPage = () => {
 
     return (
         <DesktopViewPageLayout>
-            <DesktopViewHeader borderBottom>{t('settings_title')}</DesktopViewHeader>
+            <DesktopViewHeader borderBottom>
+                <Label2>{t('settings_title')}</Label2>
+            </DesktopViewHeader>
             <SettingsListBlock>
                 <SettingsListItem onClick={onRenameOpen}>
                     <WalletEmoji containerSize="16px" emojiSize="16px" emoji={wallet.emoji} />
diff --git a/packages/uikit/src/styles/proTheme.ts b/packages/uikit/src/styles/proTheme.ts
index a88e021e7..bc0c13b7e 100644
--- a/packages/uikit/src/styles/proTheme.ts
+++ b/packages/uikit/src/styles/proTheme.ts
@@ -12,9 +12,9 @@ export const proTheme: DefaultTheme = {
     backgroundContent: '#17171A',
     backgroundContentTint: '#222224',
     backgroundContentAttention: '#2F2F33',
-    backgroundOverlayStrong: 'rgb(15 15 15 / 72%)',
-    backgroundOverlayLight: 'rgb(15 15 15 / 48%)',
-    backgroundOverlayExtraLight: 'rgb(15 15 15 / 24%)',
+    backgroundOverlayStrong: 'rgba(20, 20, 20, 0.72)',
+    backgroundOverlayLight: 'rgba(20, 20, 20, 0.48)',
+    backgroundOverlayExtraLight: 'rgba(20, 20, 20, 0.24)',
     backgroundHighlighted: 'rgb(255 255 255 / 4%)',
 
     iconPrimary: '#EBEBEB',