diff --git a/ui/component/notificationBubble/view.jsx b/ui/component/notificationBubble/view.jsx
index b8ac0edb6..9da6b1659 100644
--- a/ui/component/notificationBubble/view.jsx
+++ b/ui/component/notificationBubble/view.jsx
@@ -1,6 +1,7 @@
 // @flow
 import React from 'react';
 import classnames from 'classnames';
+import { ENABLE_UI_NOTIFICATIONS } from 'config';
 
 type Props = {
   unseenCount: number,
@@ -10,7 +11,7 @@ type Props = {
 
 export default function NotificationHeaderButton(props: Props) {
   const { unseenCount, inline = false, user } = props;
-  const notificationsEnabled = user && user.experimental_ui;
+  const notificationsEnabled = ENABLE_UI_NOTIFICATIONS || (user && user.experimental_ui);
 
   if (unseenCount === 0 || !notificationsEnabled) {
     return null;
diff --git a/ui/component/notificationHeaderButton/view.jsx b/ui/component/notificationHeaderButton/view.jsx
index 18dc409a0..74c581888 100644
--- a/ui/component/notificationHeaderButton/view.jsx
+++ b/ui/component/notificationHeaderButton/view.jsx
@@ -6,6 +6,7 @@ import Icon from 'component/common/icon';
 import NotificationBubble from 'component/notificationBubble';
 import Button from 'component/button';
 import { useHistory } from 'react-router';
+import { ENABLE_UI_NOTIFICATIONS } from 'config';
 
 type Props = {
   unseenCount: number,
@@ -21,7 +22,7 @@ export default function NotificationHeaderButton(props: Props) {
     doSeeAllNotifications,
     user,
   } = props;
-  const notificationsEnabled = user && user.experimental_ui;
+  const notificationsEnabled = ENABLE_UI_NOTIFICATIONS || (user && user.experimental_ui);
   const { push } = useHistory();
 
   function handleMenuClick() {