diff --git a/apps/settings/src/components/PersonalInfo/DetailsSection.vue b/apps/settings/src/components/PersonalInfo/DetailsSection.vue index 075ed6f71e2b6..2774f2c1c8ecb 100644 --- a/apps/settings/src/components/PersonalInfo/DetailsSection.vue +++ b/apps/settings/src/components/PersonalInfo/DetailsSection.vue @@ -99,7 +99,7 @@ export default { flex-direction: column; margin: 10px 32px 10px 0; gap: 16px 0; - color: var(--color-text-lighter); + color: var(--color-text-maxcontrast); &__groups, &__quota { @@ -117,7 +117,7 @@ export default { font-weight: bold; } - &::v-deep .material-design-icon { + &:deep(.material-design-icon) { align-self: flex-start; margin-top: 2px; } diff --git a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue index 1fff440c50e15..99917bb4f7e58 100644 --- a/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue +++ b/apps/settings/src/components/PersonalInfo/EmailSection/Email.vue @@ -23,63 +23,69 @@