diff --git a/projects/storefrontlib/shared/components/media/media.service.ts b/projects/storefrontlib/shared/components/media/media.service.ts
index 641788fa925..bd7194a2c4f 100644
--- a/projects/storefrontlib/shared/components/media/media.service.ts
+++ b/projects/storefrontlib/shared/components/media/media.service.ts
@@ -234,7 +234,13 @@ export class MediaService {
    * This method constructs a media query string from the provided query
    * properties in config and joining them with "and".
    */
-  protected generateMediaQuery(queries: PictureElementQueries): string {
+  protected generateMediaQuery(
+    queries: PictureElementQueries | undefined
+  ): string {
+    if (!queries) {
+      return '';
+    }
+
     return Object.entries(queries)
       .filter(([key, value]) => !!key && !!value)
       .map(([key, value]) => `(${key}: ${value})`)