From d56bd4b74959d69d5a9265fda736eba4be890289 Mon Sep 17 00:00:00 2001
From: Kyrylo Shmidt <kshmidt@digma.ai>
Date: Wed, 5 Jun 2024 01:37:45 +0200
Subject: [PATCH] Fix Recent Activity styles

---
 src/components/RecentActivity/index.tsx |  6 +++---
 src/components/RecentActivity/styles.ts | 23 +++++++++++++++++++++--
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/components/RecentActivity/index.tsx b/src/components/RecentActivity/index.tsx
index 664c402b4..8418ce7b9 100644
--- a/src/components/RecentActivity/index.tsx
+++ b/src/components/RecentActivity/index.tsx
@@ -399,9 +399,9 @@ export const RecentActivity = (props: RecentActivityProps) => {
     ) {
       return (
         <>
-          <s.RecentActivityContainerBackground>
-            <s.RecentActivityContainerBackgroundGradient />
-          </s.RecentActivityContainerBackground>
+          <s.NoDataRecentActivityContainerBackground>
+            <s.NoDataRecentActivityContainerBackgroundGradient />
+          </s.NoDataRecentActivityContainerBackground>
           <s.NoDataContainer>
             <NoData />
           </s.NoDataContainer>
diff --git a/src/components/RecentActivity/styles.ts b/src/components/RecentActivity/styles.ts
index 81308409d..f7b92aeea 100644
--- a/src/components/RecentActivity/styles.ts
+++ b/src/components/RecentActivity/styles.ts
@@ -83,13 +83,13 @@ export const NoDataContainer = styled.div`
   padding-top: ${RECENT_ACTIVITY_NO_DATA_PADDING_TOP}px;
 `;
 
-export const RecentActivityContainerBackground = styled.div`
+export const NoDataRecentActivityContainerBackground = styled.div`
   position: absolute;
   inset: 0;
   overflow: hidden;
 `;
 
-export const RecentActivityContainerBackgroundGradient = styled.div`
+export const NoDataRecentActivityContainerBackgroundGradient = styled.div`
   position: absolute;
   left: 0;
   right: 0;
@@ -106,3 +106,22 @@ export const RecentActivityContainerBackgroundGradient = styled.div`
   );
   filter: blur(5px);
 `;
+
+export const RecentActivityContainerBackgroundGradient = styled.div`
+  z-index: -1;
+  position: absolute;
+  left: 0;
+  right: 0;
+  margin: auto;
+  top: 0;
+  height: 383.6%;
+  width: 82.1%;
+  border-radius: 100%;
+  opacity: 0.7;
+  background: radial-gradient(
+    50% 50% at 50% 50%,
+    rgb(79 93 163 / 60%) 0%,
+    rgb(79 93 163 / 0%) 100%
+  );
+  filter: blur(5px);
+`;