diff --git a/ui/src/components/tabs/readme.md b/ui/src/components/tabs/readme.md
index 25334479..86eb9add 100644
--- a/ui/src/components/tabs/readme.md
+++ b/ui/src/components/tabs/readme.md
@@ -9,7 +9,7 @@ const Base = require('../base');
 const Row = require('../row');
 const Column = require('../column');
 const Tabs = require('./index');
-const Tab = require('../tab');
+const Tab = require('./tab');
 const styles = require('./style.css');
 
 nmodule.exports = ReactDOM.renderToString(
diff --git a/ui/src/components/tab/index.js b/ui/src/components/tabs/tab/index.js
similarity index 100%
rename from ui/src/components/tab/index.js
rename to ui/src/components/tabs/tab/index.js
diff --git a/ui/src/components/tab/readme.md b/ui/src/components/tabs/tab/readme.md
similarity index 95%
rename from ui/src/components/tab/readme.md
rename to ui/src/components/tabs/tab/readme.md
index 83bafbed..6ac5bc1c 100644
--- a/ui/src/components/tab/readme.md
+++ b/ui/src/components/tabs/tab/readme.md
@@ -9,7 +9,7 @@ const Base = require('../base');
 const Container = require('../container');
 const Row = require('../row');
 const Column = require('../column');
-const Tabs = require('../tabs');
+const Tabs = require('../');
 const Tab = require('./index');
 const styles = require('./style.css');
 
diff --git a/ui/src/components/tab/style.css b/ui/src/components/tabs/tab/style.css
similarity index 90%
rename from ui/src/components/tab/style.css
rename to ui/src/components/tabs/tab/style.css
index c934f80e..46dd6f80 100644
--- a/ui/src/components/tab/style.css
+++ b/ui/src/components/tabs/tab/style.css
@@ -1,7 +1,7 @@
-@import "../../shared/mixins.css";
+@import "../../../shared/mixins.css";
 
-~boxes: "../../shared/constants.js";
-~colors: "../../shared/constants.js";
+~boxes: "../../../shared/constants.js";
+~colors: "../../../shared/constants.js";
 
 :root {
   --border-unchecked: ~boxes.border.unchecked;
diff --git a/ui/src/index.js b/ui/src/index.js
index 521a2fda..bb19a731 100644
--- a/ui/src/index.js
+++ b/ui/src/index.js
@@ -7,7 +7,7 @@ module.exports = {
   Column: require('./components/column'),
   Container: require('./components/container'),
   Row: require('./components/row'),
-  Tab: require('./components/tab'),
+  Tab: require('./components/tabs/tab'),
   Tabs: require('./components/tabs'),
   Toggle: require('./components/toggle'),
   Notificaton: require('./components/notification'),