From fea16e97e1f75d7190f486d15fee1543f8e9e256 Mon Sep 17 00:00:00 2001
From: prabhuignoto <prabhu.m.murthy@gmail.com>
Date: Tue, 5 Mar 2024 00:51:21 +0530
Subject: [PATCH] updated read me

---
 README.md                                         | 2 ++
 src/components/elements/popover/popover.styles.ts | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 1defff11..154daaaf 100644
--- a/README.md
+++ b/README.md
@@ -526,6 +526,8 @@ Use the breakpoint feature to automatically switch the timeline to `VERTICAL` mo
 
 Customize colors with the `theme` prop.
 
+> Checkout the documentation for the complete list of available theme properties.
+
 ```jsx
 <Chrono
   items={items}
diff --git a/src/components/elements/popover/popover.styles.ts b/src/components/elements/popover/popover.styles.ts
index 6f517926..23029161 100644
--- a/src/components/elements/popover/popover.styles.ts
+++ b/src/components/elements/popover/popover.styles.ts
@@ -22,7 +22,7 @@ export const PopoverHolder = styled.div<{
   overflow-y: auto;
   padding: 0.5rem;
   position: absolute;
-  ${(p) => (p.$position === 'bottom' ? `bottom: 3.5rem` : `top: 3.5rem`)};
+  ${(p) => (p.$position === 'bottom' ? `bottom: 3.5rem` : `top: 4rem`)};
   ${(p) => (p.$isMobile ? 'left: 4px;' : '')};
   width: ${({ $isMobile, $width }) => ($isMobile ? '90%' : `${$width}px`)};
   z-index: 100;