diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx
index 57e0115f91d..a19a6653891 100644
--- a/packages/main/src/components/VariantManagement/index.tsx
+++ b/packages/main/src/components/VariantManagement/index.tsx
@@ -139,7 +139,9 @@ const VariantManagement = forwardRef<HTMLDivElement, VariantManagementPropTypes>
             return false;
           }
           let updatedProps: Omit<SelectedVariant, 'children' | 'variantItem'> = {};
-          const currentVariant = popoverRef.current.querySelector(`ui5-li[data-children="${child.props.children}"]`);
+          const currentVariant = popoverRef.current.querySelector(
+            `ui5-li[data-children="${CSS.escape(child.props.children)}"]`
+          );
           callbackProperties.prevVariants.push(child.props);
           if (defaultView) {
             if (defaultView === child.props.children) {