diff --git a/docs/starlight/src/components/StatusComponent.astro b/docs/starlight/src/components/StatusComponent.astro
index 7b74432b45..739754fee8 100644
--- a/docs/starlight/src/components/StatusComponent.astro
+++ b/docs/starlight/src/components/StatusComponent.astro
@@ -23,11 +23,11 @@ import { Icon } from '@astrojs/starlight/components';
 </div>
 
 <script>
-const closeIcon = document.querySelector('.close-icon');
-
-closeIcon.addEventListener('click', function(event) {
-    notificationContainer.style.display = 'none';
-    event.stopPropagation(); // Prevent triggering the container's click event
-});
+    const closeIcon = document.querySelector('.close-icon');
+    closeIcon?.addEventListener('click', function(event) {
+        const notificationContainer = document.querySelector('#notificationContainer') as HTMLDivElement;
+        notificationContainer.style.display = 'none';
+        event.stopPropagation(); // Prevent triggering the container's click event
+    });
 
 </script>
diff --git a/docs/starlight/tsconfig.json b/docs/starlight/tsconfig.json
index 77da9dd009..2b146b07f0 100644
--- a/docs/starlight/tsconfig.json
+++ b/docs/starlight/tsconfig.json
@@ -1,3 +1,10 @@
 {
-  "extends": "astro/tsconfigs/strict"
-}
\ No newline at end of file
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@components/*": ["src/components/*"],
+      "@assets/*": ["src/assets/*"]
+    }
+  }
+}