diff --git a/src/components.js b/src/components.js
index 81a874e920..69b00801f1 100644
--- a/src/components.js
+++ b/src/components.js
@@ -49,9 +49,6 @@ export { default as Localizer } from './components/modules/Localizer';
 // Routes
 export { default as CollectionRoutes } from './components/routes/Collections';
 
-// Type
-export { default as Label } from './components/type/Label';
-
 // Utilities
 export { default as MeasureWindow } from './components/utilities/MeasureWindow';
 export { default as MeasureScroll } from './components/utilities/MeasureScroll';
diff --git a/src/components/layout/Sidebar/index.js b/src/components/layout/Sidebar/index.js
index faaf14fc91..2d2d44e6fe 100644
--- a/src/components/layout/Sidebar/index.js
+++ b/src/components/layout/Sidebar/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { withRouter } from 'react-router-dom';
 import { connect } from 'react-redux';
 import { NavLink, Link } from 'react-router-dom';
-import { Arrow, Label } from 'payload/components';
+import { Arrow } from 'payload/components';
 
 import './index.scss';
 
@@ -19,7 +19,7 @@ const Sidebar = props => {
       <Link to="/">
         <Icon />
       </Link>
-      <Label>Collections</Label>
+      <span className="uppercase-label">Collections</span>
       <nav>
         {props.collections && props.collections.map((item, i) => {
           const href = `/collections/${item.slug}`;
@@ -35,7 +35,7 @@ const Sidebar = props => {
           );
         })}
       </nav>
-      <Label>Globals</Label>
+      <span className="uppercase-label">Globals</span>
       <nav>
         <NavLink activeClassName="active" to="/components">Components</NavLink>
         <NavLink activeClassName="active" to="/settings">Settings</NavLink>
diff --git a/src/components/layout/Sidebar/index.scss b/src/components/layout/Sidebar/index.scss
index a96c5119ff..d19eea659c 100644
--- a/src/components/layout/Sidebar/index.scss
+++ b/src/components/layout/Sidebar/index.scss
@@ -15,7 +15,7 @@
     }
   }
 
-  label {
+  .uppercase-label {
     @extend %uppercase-label;
     color: $gray;
   }
diff --git a/src/components/modules/APIUrl/index.js b/src/components/modules/APIUrl/index.js
index 59a64c58b8..d748efe774 100644
--- a/src/components/modules/APIUrl/index.js
+++ b/src/components/modules/APIUrl/index.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import { Label } from 'payload/components';
 
 import './index.scss';
 
@@ -9,7 +8,7 @@ const APIUrl = props => {
 
   return (
     <div className="api-url">
-      <Label className="uppercase">API URL</Label>
+      <span className="uppercase-label">API URL</span>
       <div className="url"><a href={apiUrl} rel="noopener noreferrer" target="_blank">{apiUrl}</a></div>
     </div>
   );
diff --git a/src/components/modules/APIUrl/index.scss b/src/components/modules/APIUrl/index.scss
index e059962708..6db994fad3 100644
--- a/src/components/modules/APIUrl/index.scss
+++ b/src/components/modules/APIUrl/index.scss
@@ -1,6 +1,13 @@
+@import '~payload/scss/styles';
+
+
 .api-url {
   .url {
     overflow: hidden;
     text-overflow: ellipsis;
   }
+
+  .uppercase-label {
+    @extend %uppercase-label;
+  }
 }