diff --git a/interface/src/constants/Endpoints.js b/interface/src/constants/Endpoints.js
index e253c16..5474bdf 100644
--- a/interface/src/constants/Endpoints.js
+++ b/interface/src/constants/Endpoints.js
@@ -1,4 +1,4 @@
-const ENDPOINT_ROOT = process.env.REACT_APP_ENDPOINT_ROOT;
+import { ENDPOINT_ROOT } from '../constants/Env';
 
 export const NTP_STATUS_ENDPOINT = ENDPOINT_ROOT + "ntpStatus";
 export const NTP_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "ntpSettings";
diff --git a/interface/src/constants/Env.js b/interface/src/constants/Env.js
index d0b5ff5..df674aa 100644
--- a/interface/src/constants/Env.js
+++ b/interface/src/constants/Env.js
@@ -1,2 +1,3 @@
 export const PROJECT_NAME = process.env.REACT_APP_PROJECT_NAME;
 export const PROJECT_PATH = process.env.REACT_APP_PROJECT_PATH;
+export const ENDPOINT_ROOT = process.env.REACT_APP_ENDPOINT_ROOT;
diff --git a/interface/src/project/DemoController.js b/interface/src/project/DemoController.js
index 4eb3579..3ebd2f3 100644
--- a/interface/src/project/DemoController.js
+++ b/interface/src/project/DemoController.js
@@ -1,4 +1,7 @@
 import React, { Component } from 'react';
+import { ValidatorForm } from 'react-material-ui-form-validator';
+
+import { ENDPOINT_ROOT } from '../constants/Env';
 import SectionContent from '../components/SectionContent';
 import { restComponent } from '../components/RestComponent';
 import LoadingNotification from '../components/LoadingNotification';
@@ -7,9 +10,8 @@ import Button from '@material-ui/core/Button';
 import Typography from '@material-ui/core/Typography';
 import Slider from '@material-ui/core/Slider';
 import { makeStyles } from '@material-ui/core/styles';
-import { ValidatorForm } from 'react-material-ui-form-validator';
 
-export const DEMO_SETTINGS_ENDPOINT = process.env.REACT_APP_ENDPOINT_ROOT + "demoSettings";
+export const DEMO_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "demoSettings";
 
 const valueToPercentage = (value) => `${Math.round(value / 255 * 100)}%`;