diff --git a/packages/web/src/components/Invoices/index.ee.tsx b/packages/web/src/components/Invoices/index.ee.tsx
index b64bc3a6..7e9b220a 100644
--- a/packages/web/src/components/Invoices/index.ee.tsx
+++ b/packages/web/src/components/Invoices/index.ee.tsx
@@ -13,7 +13,9 @@ import useFormatMessage from 'hooks/useFormatMessage';
 
 export default function Invoices() {
   const formatMessage = useFormatMessage();
-  const { invoices } = useInvoices();
+  const { invoices, loading } = useInvoices();
+
+  if (loading || invoices.length === 0) return <React.Fragment />;
 
   return (
     <React.Fragment>