diff --git a/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/CheckBox.kt b/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/CheckBox.kt index 11627f97d..c7ce661e5 100644 --- a/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/CheckBox.kt +++ b/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/CheckBox.kt @@ -9,6 +9,7 @@ import androidx.compose.foundation.layout.size import androidx.compose.material.ripple.LocalRippleTheme import androidx.compose.material3.Checkbox import androidx.compose.material3.CheckboxDefaults +import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Text import androidx.compose.runtime.Composable import androidx.compose.runtime.CompositionLocalProvider @@ -49,7 +50,7 @@ fun CheckBox( Row( horizontalArrangement = Arrangement.spacedBy(Spacing.Spacing0, Alignment.Start), - verticalAlignment = Alignment.Top, + verticalAlignment = Alignment.CenterVertically, modifier = modifier .clickable( interactionSource = interactionSource, @@ -91,6 +92,7 @@ fun CheckBox( .hoverPointerIcon(checkBoxData.enabled), text = it, color = textColor, + style = MaterialTheme.typography.bodyLarge, ) } } diff --git a/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/RadioButton.kt b/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/RadioButton.kt index efdf720df..b5bb18b8a 100644 --- a/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/RadioButton.kt +++ b/designsystem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/RadioButton.kt @@ -7,6 +7,7 @@ import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size import androidx.compose.material.ripple.LocalRippleTheme +import androidx.compose.material3.MaterialTheme import androidx.compose.material3.RadioButton import androidx.compose.material3.RadioButtonDefaults import androidx.compose.material3.Text @@ -42,7 +43,7 @@ fun RadioButton( val interactionSource = if (radioButtonData.enabled) remember { MutableInteractionSource() } else MutableInteractionSource() Row( horizontalArrangement = Arrangement.spacedBy(Spacing.Spacing0, Alignment.Start), - verticalAlignment = Alignment.Top, + verticalAlignment = Alignment.CenterVertically, modifier = modifier .clickable( interactionSource = interactionSource, @@ -88,6 +89,7 @@ fun RadioButton( } else { TextColor.OnDisabledSurface }, + style = MaterialTheme.typography.bodyLarge, ) } }