diff --git a/frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs b/frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs index 759614456..0d5f901d6 100644 --- a/frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs @@ -198,7 +198,7 @@ [:div {:class (stl/css :edit-theme-inputs-wrapper)} [:div {:class (stl/css :group-input-wrapper)} [:label {:for "groups-dropdown" :class (stl/css :label)} - [:span (tr "workspace.token.label.group")] + [:span {:class (stl/css :main-label)} (tr "workspace.token.label.group")] [:span {:class (stl/css :label-optional)} (dm/str "(" "" (tr "workspace.token.label.group-optional") "" ")")]] [:> combobox* {:id (dm/str "groups-dropdown") :placeholder (tr "workspace.token.label.group-placeholder") diff --git a/frontend/src/app/main/ui/workspace/tokens/modals/themes.scss b/frontend/src/app/main/ui/workspace/tokens/modals/themes.scss index 32d332bc2..bb72ef542 100644 --- a/frontend/src/app/main/ui/workspace/tokens/modals/themes.scss +++ b/frontend/src/app/main/ui/workspace/tokens/modals/themes.scss @@ -205,10 +205,15 @@ .label { @include t.use-typography("body-small"); @include textEllipsis; +} + +.main-label { + @include t.use-typography("body-small"); color: var(--color-foreground-primary); } .label-optional { + @include t.use-typography("body-small"); margin-inline-start: 1ex; color: var(--color-foreground-secondary); }