diff --git a/src/components/FloatingPanel.tsx b/src/components/FloatingPanel.tsx
index f30ed23..564ec06 100644
--- a/src/components/FloatingPanel.tsx
+++ b/src/components/FloatingPanel.tsx
@@ -7,7 +7,7 @@ const FloatingPanel: FunctionComponent<{
   color: string;
   visible: boolean;
 }> = (props) => {
-  if(!props.visible) return <></>
+  if(props.visible === false) return <></>
   return (
     <div style={{
       backgroundColor: props.color,
diff --git a/src/components/UserStatus.tsx b/src/components/UserStatus.tsx
index 4da6760..20b061b 100644
--- a/src/components/UserStatus.tsx
+++ b/src/components/UserStatus.tsx
@@ -14,7 +14,7 @@ const UserStatus: FunctionComponent<{
     visible?: boolean,
     style?: React.CSSProperties
 }> = ({ context, user, layoutMode, visible, style }) => {
-    if (!visible) return <></>;
+    if (visible === false) return <></>;
     const textColorOnBoard = getColorByBrightness(
         context.themeManager.theme.boardColor,
         context.themeManager.theme.textColor,