From f289bbb6b2c35f4142caeff363518bc6752a2473 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sat, 16 May 2026 22:14:27 +0100
Subject: [PATCH] Improved missing placeholder.

---
 src/App.jsx                                      |  6 +++++-
 .../Dashboard/common/MissingPlaceholder.jsx      | 16 +++++++++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index fa096b1..fe1cbd9 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -60,7 +60,11 @@ const AppContent = () => {
       theme={themeConfig}
       renderEmpty={() => (
         <div style={{ margin: '32px' }}>
-          <MissingPlaceholder message='No data.' hasBackground={false} />
+          <MissingPlaceholder
+            message='No data.'
+            hasBackground={false}
+            hasBorder={false}
+          />
         </div>
       )}
     >
diff --git a/src/components/Dashboard/common/MissingPlaceholder.jsx b/src/components/Dashboard/common/MissingPlaceholder.jsx
index 6389195..c004f25 100644
--- a/src/components/Dashboard/common/MissingPlaceholder.jsx
+++ b/src/components/Dashboard/common/MissingPlaceholder.jsx
@@ -4,13 +4,22 @@ import PropTypes from 'prop-types'
 
 const { Text } = Typography
 
-const MissingPlaceholder = ({ message, hasBackground = true }) => {
+const MissingPlaceholder = ({
+  message,
+  hasBackground = true,
+  hasBorder = true
+}) => {
   return (
     <Card
       size='small'
       style={{
         background: hasBackground == false ? 'transparent' : undefined,
-        border: hasBackground == false ? '1px solid rgb(0 0 0 / 7%)' : undefined
+        border:
+          hasBorder == false
+            ? 'none'
+            : hasBackground == false
+              ? '1px solid rgb(0 0 0 / 7%)'
+              : undefined
       }}
     >
       <Flex
@@ -32,7 +41,8 @@ const MissingPlaceholder = ({ message, hasBackground = true }) => {
 
 MissingPlaceholder.propTypes = {
   message: PropTypes.string.isRequired,
-  hasBackground: PropTypes.bool
+  hasBackground: PropTypes.bool,
+  hasBorder: PropTypes.bool
 }
 
 export default MissingPlaceholder