diff --git a/docs/src/modules/components/ThemeViewer.tsx b/docs/src/modules/components/ThemeViewer.tsx
index 3638e4d2534e4d..c497baab9e9a8a 100644
--- a/docs/src/modules/components/ThemeViewer.tsx
+++ b/docs/src/modules/components/ThemeViewer.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 import clsx from 'clsx';
 import { styled, alpha, lighten } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import ExpandIcon from '@mui/icons-material/ExpandMore';
-import CollapseIcon from '@mui/icons-material/ChevronRight';
+import ChevronDownIcon from '@mui/icons-material/ExpandMoreRounded';
+import ChevronRightIcon from '@mui/icons-material/ChevronRightRounded';
 import { SimpleTreeView } from '@mui/x-tree-view/SimpleTreeView';
 import { TreeItem as MuiTreeItem, treeItemClasses } from '@mui/x-tree-view/TreeItem';
 import { blue, blueDark } from '@mui/docs/branding';
@@ -202,8 +202,8 @@ export default function ThemeViewer({
     <SimpleTreeView
       key={key}
       slots={{
-        expandIcon: ExpandIcon,
-        collapseIcon: CollapseIcon,
+        expandIcon: ChevronRightIcon,
+        collapseIcon: ChevronDownIcon,
         endIcon: CustomEndIcon,
       }}
       defaultExpandedItems={defaultExpanded}