diff --git a/ui/src/pageLayout/components/NavMenuItem.tsx b/ui/src/pageLayout/components/NavMenuItem.tsx
index e4fb76851c..0d4b25d32d 100644
--- a/ui/src/pageLayout/components/NavMenuItem.tsx
+++ b/ui/src/pageLayout/components/NavMenuItem.tsx
@@ -4,10 +4,6 @@ import {Link} from 'react-router'
 import classnames from 'classnames'
 import {get} from 'lodash'
 
-// Components
-import NavMenuSubItem from 'src/pageLayout/components/NavMenuSubItem'
-import {Select} from 'src/clockface'
-
 // Types
 import {IconFont} from 'src/clockface'
 
@@ -43,7 +39,7 @@ const NavMenuItem: SFC<Props> = ({
         <Link className="nav--item-header" to={link}>
           {title}
         </Link>
-        <Select type={NavMenuSubItem}>{children}</Select>
+        {children}
       </div>
     </div>
   )
diff --git a/ui/src/pageLayout/containers/Nav.tsx b/ui/src/pageLayout/containers/Nav.tsx
index 409ad84ac8..b5895f26c6 100644
--- a/ui/src/pageLayout/containers/Nav.tsx
+++ b/ui/src/pageLayout/containers/Nav.tsx
@@ -12,6 +12,7 @@ import {AppState} from 'src/types'
 import {IconFont} from 'src/clockface'
 
 import {ErrorHandling} from 'src/shared/decorators/errors'
+import CloudExclude from 'src/shared/components/cloud/CloudExclude'
 
 interface OwnProps {
   isHidden: boolean
@@ -80,30 +81,32 @@ class SideNav extends PureComponent<Props> {
           location={location.pathname}
           highlightPaths={['configuration']}
         >
-          <NavMenu.SubItem
-            title="Buckets"
-            link="/configuration/buckets_tab"
-            location={location.pathname}
-            highlightPaths={['buckets_tab']}
-          />
-          <NavMenu.SubItem
-            title="Telegrafs"
-            link="/configuration/telegrafs_tab"
-            location={location.pathname}
-            highlightPaths={['telegrafs_tab']}
-          />
-          <NavMenu.SubItem
-            title="Scrapers"
-            link="/configuration/scrapers_tab"
-            location={location.pathname}
-            highlightPaths={['scrapers_tab']}
-          />
-          <NavMenu.SubItem
-            title="Variables"
-            link="/configuration/variables_tab"
-            location={location.pathname}
-            highlightPaths={['variables_tab']}
-          />
+          <CloudExclude>
+            <NavMenu.SubItem
+              title="Buckets"
+              link="/configuration/buckets_tab"
+              location={location.pathname}
+              highlightPaths={['buckets_tab']}
+            />
+            <NavMenu.SubItem
+              title="Telegrafs"
+              link="/configuration/telegrafs_tab"
+              location={location.pathname}
+              highlightPaths={['telegrafs_tab']}
+            />
+            <NavMenu.SubItem
+              title="Scrapers"
+              link="/configuration/scrapers_tab"
+              location={location.pathname}
+              highlightPaths={['scrapers_tab']}
+            />
+            <NavMenu.SubItem
+              title="Variables"
+              link="/configuration/variables_tab"
+              location={location.pathname}
+              highlightPaths={['variables_tab']}
+            />
+          </CloudExclude>
           <NavMenu.SubItem
             title="Profile"
             link="/configuration/settings_tab"
diff --git a/ui/src/shared/components/cloud/CloudExclude.tsx b/ui/src/shared/components/cloud/CloudExclude.tsx
new file mode 100644
index 0000000000..81b3b96bf6
--- /dev/null
+++ b/ui/src/shared/components/cloud/CloudExclude.tsx
@@ -0,0 +1,13 @@
+import {PureComponent} from 'react'
+
+export default class extends PureComponent {
+  render() {
+    const {children} = this.props
+
+    if (process.env.CLOUD !== 'true') {
+      return children
+    }
+
+    return null
+  }
+}
diff --git a/ui/src/shared/components/cloud/CloudOnly.tsx b/ui/src/shared/components/cloud/CloudOnly.tsx
new file mode 100644
index 0000000000..aa45bb4d10
--- /dev/null
+++ b/ui/src/shared/components/cloud/CloudOnly.tsx
@@ -0,0 +1,13 @@
+import {PureComponent} from 'react'
+
+export default class extends PureComponent {
+  render() {
+    const {children} = this.props
+
+    if (process.env.CLOUD === 'true') {
+      return children
+    }
+
+    return null
+  }
+}