diff --git a/services/web/app/views/layout-base.pug b/services/web/app/views/layout-base.pug
index b33284a8aa..8691b39969 100644
--- a/services/web/app/views/layout-base.pug
+++ b/services/web/app/views/layout-base.pug
@@ -103,7 +103,7 @@ html(
 			'thin-footer': showThinFooter,
 			'website-redesign': isWebsiteRedesign === true || websiteRedesignOverride,
 			'application-page': isApplicationPage,
-			'user-has-admin-access': hasFeature('saas') && hasAdminAccess(),
+			'red-nav-bar-for-admins': !settings.isDevEnv && hasFeature('saas') && hasAdminAccess(),
 		}
 		data-theme='light'
 	)
diff --git a/services/web/config/settings.defaults.js b/services/web/config/settings.defaults.js
index 0d0e89cdd7..4f9a1347e9 100644
--- a/services/web/config/settings.defaults.js
+++ b/services/web/config/settings.defaults.js
@@ -328,6 +328,7 @@ module.exports = {
   siteUrl: (siteUrl = process.env.PUBLIC_URL || 'http://127.0.0.1:3000'),
 
   isCodeSpace: process.env.IS_CODE_SPACE === 'true',
+  isDevEnv: process.env.NODE_ENV === 'development',
 
   lockManager: {
     lockTestInterval: intFromEnv('LOCK_MANAGER_LOCK_TEST_INTERVAL', 50),
diff --git a/services/web/frontend/stylesheets/pages/admin/admin.scss b/services/web/frontend/stylesheets/pages/admin/admin.scss
index dc162141e5..9befc4d840 100644
--- a/services/web/frontend/stylesheets/pages/admin/admin.scss
+++ b/services/web/frontend/stylesheets/pages/admin/admin.scss
@@ -1,4 +1,4 @@
-.user-has-admin-access {
+.red-nav-bar-for-admins {
   .navbar-default {
     background: linear-gradient(
       to right,