diff --git a/src/components/board-header/board-header.tsx b/src/components/board-header/board-header.tsx
index 6910c300..c5fd013b 100644
--- a/src/components/board-header/board-header.tsx
+++ b/src/components/board-header/board-header.tsx
@@ -14,8 +14,12 @@ import Tooltip from '../tooltip';
 import _ from 'lodash';
 
 // Dynamically import all banner images at build time
-const bannerModules = import.meta.glob('/public/assets/banners/banner-*.{jpg,jpeg,gif,png}', { eager: true, as: 'url' });
-const bannerPaths = Object.keys(bannerModules).map((path) => path.replace('/public/', ''));
+const bannerModules = import.meta.glob('/public/assets/banners/banner-*.{jpg,jpeg,gif,png}', {
+  eager: true,
+  query: '?url',
+  import: 'default',
+});
+const bannerPaths = Object.values(bannerModules) as string[];
 
 const ImageBanner = () => {
   const [banner] = useState(() => bannerPaths[Math.floor(Math.random() * bannerPaths.length)]);