diff --git a/website/src/pages/tabs.mdx b/website/src/pages/tabs.mdx
index e889c34b0..d51307e13 100644
--- a/website/src/pages/tabs.mdx
+++ b/website/src/pages/tabs.mdx
@@ -372,7 +372,7 @@ Please see the [styling guide](/styling).
 But, you can also wrap `TabPanel` as long as you forward the props (because data is passed from `TabPanels` to `TabPanel` via React context`).
 
 ```jsx
-const BoldPanel = props => <Tab {...props} style={{ fontWeight: "bold" }} />;
+const BoldPanel = props => <TabPanel {...props} style={{ fontWeight: "bold" }} />;
 
 const TabPage = () => (
   <Tabs>