diff --git a/src/frontend/src/defaults/links.tsx b/src/frontend/src/defaults/links.tsx
index 0c51b6b521..88dfb9ce7a 100644
--- a/src/frontend/src/defaults/links.tsx
+++ b/src/frontend/src/defaults/links.tsx
@@ -1,6 +1,7 @@
 import { Trans } from '@lingui/macro';
 
 import { DocumentationLinkItem } from '../components/items/DocumentationLinks';
+import { IS_DEV_OR_DEMO } from '../main';
 
 export const footerLinks = [
   {
@@ -22,11 +23,13 @@ export const footerLinks = [
 export const navTabs = [
   { text: <Trans>Home</Trans>, name: 'home' },
   { text: <Trans>Dashboard</Trans>, name: 'dashboard' },
-  { text: <Trans>Playground</Trans>, name: 'playground' },
   { text: <Trans>Parts</Trans>, name: 'parts' },
   { text: <Trans>Stock</Trans>, name: 'stock' },
   { text: <Trans>Build</Trans>, name: 'build' }
 ];
+if (IS_DEV_OR_DEMO) {
+  navTabs.push({ text: <Trans>Playground</Trans>, name: 'playground' });
+}
 
 export const docLinks = {
   app: 'https://docs.inventree.org/en/latest/app/app/',
diff --git a/src/frontend/src/defaults/menuItems.tsx b/src/frontend/src/defaults/menuItems.tsx
index 4de822cfc0..39a27da79e 100644
--- a/src/frontend/src/defaults/menuItems.tsx
+++ b/src/frontend/src/defaults/menuItems.tsx
@@ -2,6 +2,7 @@ import { Trans, t } from '@lingui/macro';
 import { Image, Text } from '@mantine/core';
 
 import { MenuLinkItem } from '../components/items/MenuLinks';
+import { IS_DEV_OR_DEMO } from '../main';
 
 export const menuItems: MenuLinkItem[] = [
   {
@@ -15,11 +16,14 @@ export const menuItems: MenuLinkItem[] = [
     text: <Trans>Profile page</Trans>,
     link: '/profile/user',
     doctext: <Trans>User attributes and design settings.</Trans>
-  },
-  {
+  }
+];
+
+if (IS_DEV_OR_DEMO) {
+  menuItems.push({
     id: 'playground',
     text: <Trans>Playground</Trans>,
     link: '/playground',
     highlight: true
-  }
-];
+  });
+}