I have sizedbox.square which align with text on design, but i can’t understand how can they be on the same level and at the same time be at the beginning of the divider. I tried a lot of things, but now my sizedbox.square is sort of in the middle, as can be seen from the screenshot, but it needs to be like in the design

The code:

    return RowExt(
      padding: Pad(
        bottom: Sizes.s12.orNullIf(isYear),
        top: Sizes.s20.orNullIf(!isYear),
      ),
      //todo: remove when alarm will ready
      children: <Widget>[
        SizedBox.square(
          dimension: Sizes.s16,
          child: DecoratedBox(
            decoration: BoxDecoration(
              gradient: context.colors.premiumSelectedPlan,
              shape: BoxShape.circle,
            ),
          ),
        ),
        Expanded(
          child: ColumnExt(
            padding: Pad(
              left: Sizes.s12,
            ),
            children: <Widget>[
              Row(
                children: [
                  Text('Annually'),
                  _SaleWidget(value: 40)
                ],
              ),
              Row(
                children: [
                  Text('test'),
                  Text('test')
                ],
              )
            ],
          ),
        ),
      ],
    );
  }
}

class _SaleWidget extends StatelessWidget {
  const _SaleWidget({required this.value});

  final int value;

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: Pad(left: Sizes.s6),
      child: DecoratedBox(
        decoration: BoxDecoration(
          gradient: context.colors.premiumSale,
          borderRadius: BorderRadius.circular(Sizes.s7),
        ),
        child: TextExt(
          '-$value%',
          style: context.primaryFonts.medium11,
          padding: Pad(
            horizontal: Sizes.s8,
          ),
        ),
      ),
    );
  }
}

What i should do

What i got:

I was trying to put it in stack, align using position and just put sized box inside row with Annually text, but in the last case the text below was pushed forward when it should be exactly under the text Annually. How to correctly place widgets so that they meet the layout requirements?