Aligning Text not working on Desktop App

[ScottPierce]

I'm not a compose expert, but it looks like this is a bug to me. I'm running Desktop Compose, and text alignment seems to not be working.

Here is the code snippet:

        Column(
            Modifier
                .fillMaxSize()
                .padding(20.dp)
        ) {
            Text(
                text = "Test test test asdfasdfa sfj aslf lajsdlf jlajdsfl jlasjf jaslkfj klajdfl jaslf lkasjfljaslk f",
                style = typography.h3,
                color = Color.White,
                textAlign = TextAlign.End,
                modifier = Modifier.background(Color.Black),
            )
        }

Here is the result:

As you can see, the text isn't aligning to the end as I'd expect. I've also tried aligning center, and aligning doesn't seem to have any impact for the text.

Here is the full code sample:

fun main() {
    Window(
        title = "Test",
        centered = true,
    ) {
        Surface(modifier = Modifier.fillMaxSize()) {
            MaterialTheme {
                DesktopTheme {
                    AuthScreen()
                }
            }
        }
    }
}

@Composable
fun AuthScreen() {
    Row {
        PrimarySection(Modifier.weight(1f))
        SecondarySection(Modifier.weight(1f))
    }
}

@Composable
private fun PrimarySection(modifier: Modifier) {
    val typography = MaterialTheme.typography

    Column(
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = modifier.fillMaxSize(),
    ) {

        Text(
            text = "Please log in to your account",
            style = typography.h3,
            color = Color.Black,
            textAlign = TextAlign.Center
        )
    }
}

@Composable
private fun SecondarySection(modifier: Modifier) {
    val typography = MaterialTheme.typography

    Box(
        modifier
            .fillMaxSize()
            .backgroundVerticalGradient(
                Color(125, 206, 250),
                Color(82, 88, 245)
            )
    ) {
        Column(
            Modifier
                .fillMaxSize()
                .padding(20.dp)
        ) {
            Text(
                text = "Test test test asdfasdfa sfj aslf lajsdlf jlajdsfl jlasjf jaslkfj klajdfl jaslf lkasjfljaslk f",
                style = typography.h3,
                color = Color.White,
                textAlign = TextAlign.End,
                modifier = Modifier.background(Color.Black),
            )
        }
    }
}

fun Modifier.backgroundVerticalGradient(start: Color, end: Color): Modifier =
    drawWithCache {
        onDrawBehind {
            drawRect(
                VerticalGradient(
                    colors = listOf(start, end),
                    startY = 0f,
                    endY = size.height
                )
            )

        }
    }

[prepor]

It should be fixed. Please, check with 0.2.0-build129.

[ScottPierce]

Wow - fast turn-around. I'm impressed :)