From 82e6ea5a9ec211afcf10d61314c94d500d539ce1 Mon Sep 17 00:00:00 2001
From: Alexandre Asselin <alexandre.asselin@gsoft.com>
Date: Wed, 11 Dec 2024 16:33:07 -0500
Subject: [PATCH] fix accessibility issue

---
 .../app/ui/components/propTable/PropTableRender.tsx  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/docs/app/ui/components/propTable/PropTableRender.tsx b/apps/docs/app/ui/components/propTable/PropTableRender.tsx
index ed72dff65..c98f0f3bf 100644
--- a/apps/docs/app/ui/components/propTable/PropTableRender.tsx
+++ b/apps/docs/app/ui/components/propTable/PropTableRender.tsx
@@ -43,10 +43,10 @@ const columns: ColumnDef<Item>[] = [
             const { name, type, required } = info.getValue() as { name: ReactNode; type: ReactNode; required: boolean };
 
             return (
-                <dt className="hd-props-table__description-term">
+                <div className="hd-props-table__description-term">
                     <div className="hd-props-table__name">{name}{!required && "?"}</div>
                     <div className="hd-props-table__type">{type}</div>
-                </dt>
+                </div>
             );
         }
     },
@@ -58,12 +58,12 @@ const columns: ColumnDef<Item>[] = [
             const { description, defaultValue } = info.getValue() as { description: ReactNode; defaultValue: string };
 
             return (
-                <dl className="hd-props-table__description-list">
+                <div className="hd-props-table__description-list">
                     <div className="hd-props-table__description">{description}</div>
                     {defaultValue !== "" && (
                         <div className="hd-props-table__default-value"><em>Defaults to <ColoredDefaultValue defaultValue={defaultValue} />.</em></div>
                     )}
-                </dl>
+                </div>
             );
         }
     }
@@ -87,7 +87,7 @@ export const PropTableRender = ({ items }: { items: Item[] }) => {
 
     return (
         <div className="hd-table hd-props-table">
-            <dl className="hd-props-table__tbody">
+            <div className="hd-props-table__tbody">
                 {table.getRowModel().rows.map(row => (
                     <div key={row.id} className="hd-table__row hd-props-table__row">
                         {row.getVisibleCells().map(cell => {
@@ -102,7 +102,7 @@ export const PropTableRender = ({ items }: { items: Item[] }) => {
                         )}
                     </div>
                 ))}
-            </dl>
+            </div>
         </div>
     );
 };