diff --git a/web/src/components/features/menu/ContextMenu.tsx b/web/src/components/features/menu/ContextMenu.tsx
index d81f18d..5e92600 100644
--- a/web/src/components/features/menu/ContextMenu.tsx
+++ b/web/src/components/features/menu/ContextMenu.tsx
@@ -68,7 +68,6 @@ const ContextMenu: React.FC = () => {
       h="80%"
       justifyContent="flex-end"
       alignItems="center"
-      bg="red"
     >
       <ScaleFade in={visible} unmountOnExit>
         <Box w="xs" h={580}>
diff --git a/web/src/providers/VisibilityProvider.tsx b/web/src/providers/VisibilityProvider.tsx
index 72580e1..a939080 100644
--- a/web/src/providers/VisibilityProvider.tsx
+++ b/web/src/providers/VisibilityProvider.tsx
@@ -11,7 +11,7 @@ interface VisibilityProviderValue {
 // This should be mounted at the top level of your application, it is currently set to
 // apply a CSS visibility value. If this is non-performant, this should be customized.
 export const VisibilityProvider: React.FC = ({ children }) => {
-  const [visible, setVisible] = useState(false);
+  const [visible, setVisible] = useState(true);
 
   useNuiEvent<boolean>("setVisible", setVisible);