diff --git a/playground/components/SplitWrapper.tsx b/playground/components/SplitWrapper.tsx
index 31fd7fc1b..843d148c7 100644
--- a/playground/components/SplitWrapper.tsx
+++ b/playground/components/SplitWrapper.tsx
@@ -7,29 +7,27 @@ interface SplitWrapperProps {
 
 // react-split should be replaced with a React 18 friendly library or CSS
 const SplitWrapper = (props: SplitWrapperProps) => (
-  <>
-    <Split
-      style={{
-        width: '100%',
-        height: 'calc(100vh - 50px)',
-        minHeight: 'calc(100vh - 50px)',
-        display: 'flex',
-        background: '#f3f4f5',
-      }}
-      gutter={() => {
-        const gutter = document.createElement('div');
-        gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
-        return gutter;
-      }}
-      gutterStyle={() => ({
-        backgroundColor: 'gray',
-        width: '7px',
-      })}
-      minSize={250}
-    >
-      {props.children}
-    </Split>
-  </>
+  <Split
+    style={{
+      width: '100%',
+      height: 'calc(100vh - 50px)',
+      minHeight: 'calc(100vh - 50px)',
+      display: 'flex',
+      background: '#f3f4f5',
+    }}
+    gutter={() => {
+      const gutter = document.createElement('div');
+      gutter.onmouseover = () => (gutter.style.cursor = 'ew-resize');
+      return gutter;
+    }}
+    gutterStyle={() => ({
+      backgroundColor: 'gray',
+      width: '7px',
+    })}
+    minSize={250}
+  >
+    {props.children}
+  </Split>
 );
 
 export default SplitWrapper;