diff --git a/src/components/Theme/ThemeProvider.tsx b/src/components/Theme/ThemeProvider.tsx
index 705b91d00..793fbb574 100644
--- a/src/components/Theme/ThemeProvider.tsx
+++ b/src/components/Theme/ThemeProvider.tsx
@@ -15,6 +15,7 @@ const dark: IThemeColors = {
   checkbox: {
     default: "#FFFFFF"
   },
+  divider: "#252728",
   error: "#C22D74",
   font: {
     button: "#202124",
@@ -49,6 +50,7 @@ const light: IThemeColors = {
   checkbox: {
     default: "#616161"
   },
+  divider: "#EAEAEA",
   error: "#C22D74",
   font: {
     button: "#FFFFFF",
diff --git a/src/configuration/ConfigurationPage.tsx b/src/configuration/ConfigurationPage.tsx
index d6d8c96fc..26a10de27 100644
--- a/src/configuration/ConfigurationPage.tsx
+++ b/src/configuration/ConfigurationPage.tsx
@@ -56,7 +56,7 @@ const styles = (theme: Theme) =>
       [theme.breakpoints.down("md")]: {
         gridTemplateColumns: "1fr"
       },
-      borderTop: `solid 1px #eaeaea`,
+      borderTop: `solid 1px ${theme.palette.divider}`,
       display: "grid",
       gridColumnGap: theme.spacing.unit * 4 + "px",
       gridTemplateColumns: "1fr 3fr",