diff --git a/src/Corporation/ui/HeaderTab.tsx b/src/Corporation/ui/HeaderTab.tsx
new file mode 100644
index 000000000..c7317e2f0
--- /dev/null
+++ b/src/Corporation/ui/HeaderTab.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+interface IProps {
+    current: boolean;
+    text: string;
+    onClick: () => void;
+}
+
+export function HeaderTab(props: IProps) {
+    let className = "cmpy-mgmt-header-tab";
+    if (props.current) {
+        className += " current";
+    }
+
+    return (
+        <button className={className} onClick={props.onClick}>
+            {props.text}
+        </button>
+    )
+}
\ No newline at end of file
diff --git a/src/Corporation/ui/HeaderTabs.jsx b/src/Corporation/ui/HeaderTabs.jsx
index c2d895d7d..aefcf8de1 100644
--- a/src/Corporation/ui/HeaderTabs.jsx
+++ b/src/Corporation/ui/HeaderTabs.jsx
@@ -3,19 +3,7 @@
 // divisions, see an overview of your corporation, or create a new industry
 import React from "react";
 import { BaseReactComponent } from "./BaseReactComponent";
-
-function HeaderTab(props) {
-    let className = "cmpy-mgmt-header-tab";
-    if (props.current) {
-        className += " current";
-    }
-
-    return (
-        <button className={className} onClick={props.onClick}>
-            {props.text}
-        </button>
-    )
-}
+import { HeaderTab } from "./HeaderTab";
 
 export class HeaderTabs extends BaseReactComponent {
     renderTab(props) {