From 4888020c4ab8efa618990c008ab0398a6de7dc43 Mon Sep 17 00:00:00 2001
From: Thomas Renaud <thomasre@bam.tech>
Date: Thu, 8 Feb 2024 12:36:10 +0100
Subject: [PATCH] change modal display to have better view

---
 packages/example/src/components/modals/Modal.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/example/src/components/modals/Modal.tsx b/packages/example/src/components/modals/Modal.tsx
index 1212c7a7..7c8473eb 100644
--- a/packages/example/src/components/modals/Modal.tsx
+++ b/packages/example/src/components/modals/Modal.tsx
@@ -5,6 +5,7 @@ import { Typography } from '../../design-system/components/Typography';
 import { Spacer } from '../../design-system/components/Spacer';
 import { SpatialNavigationRoot } from '../../../../lib/src/spatial-navigation/components/Root';
 import { useLockModal } from '../../hooks/useLockModal';
+import { colors } from '../../design-system/theme/colors';
 
 type CustomModalProps = ModalProps & {
   isModalVisible: boolean;
@@ -46,7 +47,9 @@ const StyledModal = styled(View)({
 const ModalContentContainer = styled(View)({
   minHeight: 200,
   minWidth: 200,
-  backgroundColor: 'grey',
+  backgroundColor: colors.background.main,
+  borderWidth: 2,
+  borderColor: colors.primary.light,
   padding: 32,
   margin: 16,
   borderRadius: 16,