diff --git a/packages/webawesome/docs/assets/scripts/theme.js b/packages/webawesome/docs/assets/scripts/theme.js
index 73a103c89..f7cf1210f 100644
--- a/packages/webawesome/docs/assets/scripts/theme.js
+++ b/packages/webawesome/docs/assets/scripts/theme.js
@@ -26,7 +26,7 @@ async function updateTheme(value, isInitialLoad = false) {
 
   // Get brand and palette from the selected option
   const themeSelector = document.querySelector('.theme-selector');
-  const selectedOption = themeSelector.querySelector(`wa-option[value="${value}"]`);
+  const selectedOption = themeSelector?.querySelector(`wa-option[value="${value}"]`);
   const brand = selectedOption?.getAttribute('data-brand') || 'blue';
   const palette = selectedOption?.getAttribute('data-palette') || 'default';
   const htmlElement = document.documentElement;