diff --git a/striker-ui/components/Anvils/AnvilList.tsx b/striker-ui/components/Anvils/AnvilList.tsx
index 8fc7ae2b..0f141472 100644
--- a/striker-ui/components/Anvils/AnvilList.tsx
+++ b/striker-ui/components/Anvils/AnvilList.tsx
@@ -7,7 +7,7 @@ import {
   PURPLE_OFF,
   RED_ON,
   HOVER,
-  GREY,
+  DIVIDER,
 } from '../../lib/consts/DEFAULT_THEME';
 import Anvil from './Anvil';
 import { AnvilContext } from '../AnvilContext';
@@ -20,7 +20,7 @@ const useStyles = makeStyles(() => ({
     height: '30vh',
   },
   divider: {
-    background: GREY,
+    background: DIVIDER,
   },
   button: {
     '&:hover': {
diff --git a/striker-ui/components/InnerPanel.tsx b/striker-ui/components/InnerPanel.tsx
index 4351037c..4f70f2e0 100644
--- a/striker-ui/components/InnerPanel.tsx
+++ b/striker-ui/components/InnerPanel.tsx
@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { TEXT } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -12,7 +12,7 @@ const useStyles = makeStyles(() => ({
     borderWidth: '1px',
     borderRadius: '3px',
     borderStyle: 'solid',
-    borderColor: TEXT,
+    borderColor: DIVIDER,
     marginTop: '20px',
     marginBottom: '20px',
     paddingBottom: '10px',
diff --git a/striker-ui/components/Panel.tsx b/striker-ui/components/Panel.tsx
index 54209655..fbd5d595 100644
--- a/striker-ui/components/Panel.tsx
+++ b/striker-ui/components/Panel.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { PANEL_BACKGROUND, TEXT } from '../lib/consts/DEFAULT_THEME';
+import { PANEL_BACKGROUND, TEXT, DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -28,7 +28,7 @@ const useStyles = makeStyles(() => ({
     borderWidth: '1px',
     borderRadius: '3px',
     borderStyle: 'solid',
-    borderColor: TEXT,
+    borderColor: DIVIDER,
   },
   paper: {
     margin: 10,
diff --git a/striker-ui/components/PanelHeader.tsx b/striker-ui/components/PanelHeader.tsx
index 056d39f5..bab89288 100644
--- a/striker-ui/components/PanelHeader.tsx
+++ b/striker-ui/components/PanelHeader.tsx
@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { TEXT } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -17,7 +17,7 @@ const useStyles = makeStyles(() => ({
       padding: '10px 0',
       position: 'absolute',
       content: '""',
-      borderColor: TEXT,
+      borderColor: DIVIDER,
       borderWidth: '1px',
       borderRadius: '3px',
       borderStyle: 'solid',
diff --git a/striker-ui/components/Servers.tsx b/striker-ui/components/Servers.tsx
index f698d42d..9c271daa 100644
--- a/striker-ui/components/Servers.tsx
+++ b/striker-ui/components/Servers.tsx
@@ -5,7 +5,7 @@ import { ClassNameMap } from '@material-ui/styles';
 import Panel from './Panel';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';
 import { HeaderText, BodyText } from './Text';
-import { BLUE, GREY, HOVER } from '../lib/consts/DEFAULT_THEME';
+import { BLUE, GREY, HOVER, DIVIDER } from '../lib/consts/DEFAULT_THEME';
 import { AnvilContext } from './AnvilContext';
 
 const useStyles = makeStyles(() => ({
@@ -15,7 +15,7 @@ const useStyles = makeStyles(() => ({
     height: '100%',
   },
   divider: {
-    background: GREY,
+    background: DIVIDER,
   },
   button: {
     '&:hover': {