Checkmate/Client/src/Pages/Settings/index.css

.settings a.MuiTypography-root,
.settings h2.MuiTypography-root,
.settings span.MuiTypography-root,
.settings button,
.settings p.MuiTypography-root {
  font-size: var(--env-var-font-size-medium);
}
.settings h1.MuiTypography-root,
.settings h2.MuiTypography-root,
.settings p.MuiTypography-root {
  color: var(--secondary-color);
}
.settings h1.MuiTypography-root {
  font-size: var(--env-var-font-size-large);
}
.settings h1.MuiTypography-root,
.settings h2.MuiTypography-root {
  font-weight: 600;
}
.settings button {
  height: 34px;
}
.settings span.MuiTypography-root {
  opacity: 0.6;
  margin-right: 4px;
}
.settings .config-box {
  padding: var(--env-var-spacing-4) 50px;
  padding-bottom: 60px;
  border: 1px solid var(--border-color);
  border-radius: var(--env-var-radius-1);
  background-color: var(--primary-bg);
}
.settings .config-box .MuiBox-root,
.settings .config-box .MuiStack-root {
  flex: 1;
}

.settings-form {
  display: flex;
  flex-direction: column;
  gap: var(--env-var-spacing-4);
}