diff --git a/ui/src/configuration/Configuration.js b/ui/src/configuration/Configuration.js
index 19e5a67fc..ce092568a 100644
--- a/ui/src/configuration/Configuration.js
+++ b/ui/src/configuration/Configuration.js
@@ -32,7 +32,7 @@ const Configuration = () => {
           }}
         >
           {themeNames.map((t) => (
-            <MenuItem value={t}>{themes[t].name}</MenuItem>
+            <MenuItem value={t}>{themes[t].themeName}</MenuItem>
           ))}
         </Select>
       </CardContent>
diff --git a/ui/src/themes/dark.js b/ui/src/themes/dark.js
index 68475f25f..070d2d349 100644
--- a/ui/src/themes/dark.js
+++ b/ui/src/themes/dark.js
@@ -1,7 +1,7 @@
 import blue from '@material-ui/core/colors/blue'
 
 export default {
-  name: 'Dark (default)',
+  themeName: 'Dark (default)',
   palette: {
     primary: {
       main: '#90caf9'
diff --git a/ui/src/themes/light.js b/ui/src/themes/light.js
index 4605d5444..c8f6027f2 100644
--- a/ui/src/themes/light.js
+++ b/ui/src/themes/light.js
@@ -1,5 +1,5 @@
 export default {
-  name: 'Light',
+  themeName: 'Light',
   palette: {
     secondary: {
       light: '#5f5fc4',