diff --git a/src/components/Tab/Tab.js b/src/components/Tab/Tab.js
index 3588a088..7bd71fab 100644
--- a/src/components/Tab/Tab.js
+++ b/src/components/Tab/Tab.js
@@ -65,7 +65,7 @@ const Tab = React.forwardRef(function Tab(props, ref) {
     <StyledTab
       selected={selected}
       aria-selected={selected}
-      onClick={() => onClick(value)}
+      onClick={e => onClick(e, value)}
       role='tab'
       ref={ref}
       {...otherProps}
diff --git a/src/components/Tabs/Tabs.spec.js b/src/components/Tabs/Tabs.spec.js
index 46ee533c..456b38ef 100644
--- a/src/components/Tabs/Tabs.spec.js
+++ b/src/components/Tabs/Tabs.spec.js
@@ -61,7 +61,7 @@ describe('<Tabs />', () => {
 
       fireEvent.click(getAllByRole('tab')[1]);
       expect(handleChange).toBeCalledTimes(1);
-      expect(handleChange).toHaveBeenCalledWith(1);
+      expect(handleChange.mock.calls[0][1]).toBe(1);
     });
   });
 });
diff --git a/src/components/Tabs/Tabs.stories.js b/src/components/Tabs/Tabs.stories.js
index c535e2e3..2071fc35 100644
--- a/src/components/Tabs/Tabs.stories.js
+++ b/src/components/Tabs/Tabs.stories.js
@@ -51,7 +51,7 @@ export const Default = () => {
     activeTab: 0
   });
 
-  const handleChange = value => setState({ activeTab: value });
+  const handleChange = (e, value) => setState({ activeTab: value });
 
   const { activeTab } = state;
   return (