diff --git a/services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx b/services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx
index ba11792..6d017ed 100644
--- a/services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx
+++ b/services/frontend/src/components/Modal/volume/CreateVolumeModal.tsx
@@ -5,6 +5,7 @@ import { XIcon } from "@heroicons/react/outline";
 import {
   getFinalValues,
   getInitialValues,
+  tabs,
   validationSchema
 } from "./form-utils";
 import General from "./General";
@@ -16,21 +17,6 @@ interface ICreateVolumeModalProps {
   onAddEndpoint: CallbackFunction;
 }
 
-const tabs = [
-  {
-    name: "General",
-    href: "#",
-    current: true,
-    hidden: false
-  },
-  {
-    name: "Labels",
-    href: "#",
-    current: false,
-    hidden: false
-  }
-];
-
 const classNames = (...classes: string[]) => classes.filter(Boolean).join(" ");
 
 const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
diff --git a/services/frontend/src/components/Modal/volume/form-utils.ts b/services/frontend/src/components/Modal/volume/form-utils.ts
index f6f7b06..da2aaf3 100644
--- a/services/frontend/src/components/Modal/volume/form-utils.ts
+++ b/services/frontend/src/components/Modal/volume/form-utils.ts
@@ -78,3 +78,18 @@ export const getFinalValues = (
     }
   ) as any;
 };
+
+export const tabs = [
+  {
+    name: "General",
+    href: "#",
+    current: true,
+    hidden: false
+  },
+  {
+    name: "Labels",
+    href: "#",
+    current: false,
+    hidden: false
+  }
+];