diff --git a/components/graphql/GraphqlItem.tsx b/components/graphql/GraphqlItem.tsx
index eae46a7d41..49a8b0417c 100644
--- a/components/graphql/GraphqlItem.tsx
+++ b/components/graphql/GraphqlItem.tsx
@@ -12,7 +12,7 @@ type Props = {
 export function GraphqlItem({ item, heading, children, headingLevel = 2 }: Props) {
   const lowerCaseName = item.name.toLowerCase()
   return (
-    <>
+    <div>
       {headingLevel === 2 && (
         <h2 id={lowerCaseName}>
           <LinkIconHeading slug={lowerCaseName} />
@@ -38,6 +38,6 @@ export function GraphqlItem({ item, heading, children, headingLevel = 2 }: Props
         {heading && <h4>{heading}</h4>}
         {children}
       </div>
-    </>
+    </div>
   )
 }