diff --git a/src/cryptometrics/components/tabs/Tab.js b/src/cryptometrics/components/tabs/Tab.js
index 7463462c67b3fe5d4955db101a81a377d5bb33a1..2b95982eb0d3a95b175a0cc19820afe0d55b92de 100644
--- a/src/cryptometrics/components/tabs/Tab.js
+++ b/src/cryptometrics/components/tabs/Tab.js
@@ -1,28 +1,7 @@
 import classNames from "classnames";
-import React, { useState } from "react";
+import React from "react";
 
-export function Tabs({ children }) {
-  const [tab, setTab] = useState("card-view");
-
-  return (
-    <div>
-      <div className="flex align-middle w-fit bg-dark-600 rounded-3xl py-2 px-2">
-        {children.map((child) => {
-          const { id } = child.props;
-          return (
-            <Tab key={id} {...child.props} activeTab={tab} onClick={setTab} />
-          );
-        })}
-      </div>
-      {children.map((child) => {
-        if (child.props.id !== tab) return undefined;
-        return child.props.children;
-      })}
-    </div>
-  );
-}
-
-export function Tab({ id, content, activeTab, onClick }) {
+function Tab({ id, content, activeTab, onClick }) {
   return (
     <button
       className={classNames(
@@ -37,3 +16,5 @@ export function Tab({ id, content, activeTab, onClick }) {
     </button>
   );
 }
+
+export default Tab;
diff --git a/src/cryptometrics/components/tabs/Tabs.js b/src/cryptometrics/components/tabs/Tabs.js
new file mode 100644
index 0000000000000000000000000000000000000000..6d4d74a645aa740318d29967654277e6f2e3ade8
--- /dev/null
+++ b/src/cryptometrics/components/tabs/Tabs.js
@@ -0,0 +1,25 @@
+import React, { useState } from "react";
+import Tab from "./Tab";
+
+function Tabs({ children }) {
+  const [tab, setTab] = useState("card-view");
+
+  return (
+    <div>
+      <div className="flex align-middle w-fit bg-dark-600 rounded-3xl py-2 px-2">
+        {children.map((child) => {
+          const { id } = child.props;
+          return (
+            <Tab key={id} {...child.props} activeTab={tab} onClick={setTab} />
+          );
+        })}
+      </div>
+      {children.map((child) => {
+        if (child.props.id !== tab) return undefined;
+        return child.props.children;
+      })}
+    </div>
+  );
+}
+
+export default Tabs;
diff --git a/src/cryptometrics/components/tabs/index.js b/src/cryptometrics/components/tabs/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..4c18d778a365750c4d927b6c376a079a8f1a9fd1
--- /dev/null
+++ b/src/cryptometrics/components/tabs/index.js
@@ -0,0 +1,4 @@
+import Tabs from "./Tabs";
+import Tab from "./Tab";
+
+export { Tab, Tabs };
diff --git a/src/cryptometrics/pages/index.js b/src/cryptometrics/pages/index.js
index b51d6a25141c1078cb0339460bb62608952ac01c..94c9839849e423ca283df008c3fa327581ac1651 100644
--- a/src/cryptometrics/pages/index.js
+++ b/src/cryptometrics/pages/index.js
@@ -10,7 +10,7 @@ import { useCryptoList } from "../queries";
 import numeral from "numeral";
 import Wrapper from "../components/content/Wrapper";
 import Sidebar from "../components/sidebar/Sidebar";
-import { Tabs, Tab } from "../components/tabs/Tab";
+import { Tabs, Tab } from "../components/tabs";
 import {
   CollectionIcon,
   PlusIcon,