diff --git a/src/ui/atoms/loader/example.tsx b/src/ui/atoms/loader/example.tsx
index d664eed8..76269881 100644
--- a/src/ui/atoms/loader/example.tsx
+++ b/src/ui/atoms/loader/example.tsx
@@ -57,13 +57,13 @@ export const ExampleDataFetching = () => {
   }
 
   return (
-    <React.Fragment>
+    <>
       <ListContainer variant="primary" style={{ width: '100%' }}>
         {data.map(({ id, name }) => (
           <ListItem key={id} as="li" text={name} />
         ))}
       </ListContainer>
       <Button text="Reset" onClick={reset} />
-    </React.Fragment>
+    </>
   );
 };
diff --git a/src/ui/atoms/loader/usage.mdx b/src/ui/atoms/loader/usage.mdx
index 45a5002d..c199b685 100644
--- a/src/ui/atoms/loader/usage.mdx
+++ b/src/ui/atoms/loader/usage.mdx
@@ -18,14 +18,14 @@ Use a `Loader` component whenever the wait time is anticipated to be longer than
 <Playground>
   <State initial={false} change={(i) => !i}>
     {(value, change) => (
-      <React.Fragment>
+      <>
         <Button text="Toggle loader" onClick={change} />
         {value ? (
           <div style={{ width: 300 }}>
             <Loader description={<Text type="S">Some action in progress...</Text>} />
           </div>
         ) : null}
-      </React.Fragment>
+      </>
     )}
   </State>
 </Playground>