From 0183e135b73b015a08e92506e4e6d510acbd89c5 Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Thu, 22 Aug 2024 14:21:19 -0400
Subject: [PATCH] Added white inner circle

---
 Client/src/Components/Animated/PulseDot.jsx | 15 +++++++++++++--
 Client/src/index.css                        |  2 +-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/Client/src/Components/Animated/PulseDot.jsx b/Client/src/Components/Animated/PulseDot.jsx
index 4ec04c226..1b196426a 100644
--- a/Client/src/Components/Animated/PulseDot.jsx
+++ b/Client/src/Components/Animated/PulseDot.jsx
@@ -23,8 +23,8 @@ const PulseDot = ({ color }) => {
       justifyContent="center"
     >
       <Box
-        width="14px"
-        height="14px"
+        minWidth="16px"
+        minHeight="16px"
         sx={{
           position: "relative",
           backgroundColor: color,
@@ -38,6 +38,17 @@ const PulseDot = ({ color }) => {
             borderRadius: "50%",
             animation: "ripple 1.8s ease-out infinite",
           },
+          "&::after": {
+            content: `""`,
+            position: "absolute",
+            width: "6px",
+            height: "6px",
+            borderRadius: "50%",
+            backgroundColor: "white",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+          },
         }}
       />
     </Stack>
diff --git a/Client/src/index.css b/Client/src/index.css
index f924671bb..d62f4b48f 100644
--- a/Client/src/index.css
+++ b/Client/src/index.css
@@ -175,7 +175,7 @@ body .MuiSkeleton-root {
   }
   to {
     opacity: 0;
-    transform: scale(2.3);
+    transform: scale(2);
   }
 }