From e4b77926ae44b16a2d5c10386dad1b36a649e4c5 Mon Sep 17 00:00:00 2001
From: Marcin Maciaszczyk <marcin@plural.sh>
Date: Fri, 27 Sep 2024 12:33:03 +0200
Subject: [PATCH] add border and shadow to flyover

---
 src/components/Flyover.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Flyover.tsx b/src/components/Flyover.tsx
index a5e06dde..98ce4655 100644
--- a/src/components/Flyover.tsx
+++ b/src/components/Flyover.tsx
@@ -115,10 +115,13 @@ const ModalWrapperSC = styled(ModalWrapper)<{
 
 const FlyoverWrapperSC = styled.div(({ theme }) => ({
   backgroundColor: theme.colors['fill-zero'],
+  borderLeft: theme.borders.default,
+  boxShadow: theme.boxShadows.modal,
   height: '100%',
   display: 'flex',
   flexDirection: 'column',
   overflow: 'hidden',
+  position: 'absolute',
 }))
 
 const FlyoverContentSC = styled.div<{