From d2ae8157037e891da045dc9366ccfd8c61a8b51f Mon Sep 17 00:00:00 2001
From: joneff <joneff@gmail.com>
Date: Tue, 4 Jan 2022 14:54:15 +0200
Subject: [PATCH] fix(html): add wrapper around checkbxes when in list

---
 packages/html/src/list/list-item.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/html/src/list/list-item.jsx b/packages/html/src/list/list-item.jsx
index 8c7faa445b7..78e330507b1 100644
--- a/packages/html/src/list/list-item.jsx
+++ b/packages/html/src/list/list-item.jsx
@@ -61,7 +61,7 @@ function ListItemStatic(props) {
     if (legacy) {
         return (
             <li className={legacyListItemClasses} {...ariaAttr} {...htmlAttributes}>
-                {showCheckbox && <CheckboxStatic checked={checked} />}
+                {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
                 {showIcon && <IconStatic name={iconName} />}
                 <span className="k-list-item-text">{children}</span>
                 {groupLabel !== '' && <div className="k-group">{groupLabel}</div>}
@@ -71,7 +71,7 @@ function ListItemStatic(props) {
 
     return (
         <li className={listItemClasses} {...ariaAttr} {...htmlAttributes}>
-            {showCheckbox && <CheckboxStatic checked={checked} />}
+            {showCheckbox && <span className="k-checkbox-wrap"><CheckboxStatic checked={checked} /></span>}
             {showIcon && <IconStatic name={iconName} />}
             <span className="k-list-item-text">{children}</span>
             {groupLabel !== '' && <div className="k-list-item-group-label">{groupLabel}</div>}