diff --git a/www/src/Document.tsx b/www/src/Document.tsx
index 54c1def..facf588 100644
--- a/www/src/Document.tsx
+++ b/www/src/Document.tsx
@@ -28,8 +28,10 @@ export const Document = () => (
               <Preview>
                 <Child />
               </Preview>
-              <Toolbar>{param.title || 'Example Preview'}</Toolbar>
-              <Code>{code}</Code>
+              <Toolbar text={code}>{param.title || 'Example Preview'}</Toolbar>
+              <Code>
+                <code {...rest} />
+              </Code>
             </CodeLayout>
           );
         }
diff --git a/www/src/app.tsx b/www/src/app.tsx
index 0f19def..75f0978 100644
--- a/www/src/app.tsx
+++ b/www/src/app.tsx
@@ -18,7 +18,7 @@ export const App = () => {
     <Warpper>
       <GitHubCorners target="__blank" fixed href="https://github.com/uiwjs/react-tabs-draggable" />
       <BackToUp>Top</BackToUp>
-      <dark-mode permanent></dark-mode>
+      <dark-mode permanent style={{ fontSize: 24 }}></dark-mode>
       <Content>
         <Document />
       </Content>