Align Left Button Contents – Mantine UI Button

Align Left the contents in a button like icon, button text in mantine UI. Customizing Mantine button styles

styles={{ inner: { justifyContent: 'flex-start' } }}

 <Button
            key={type}
            leftIcon={<Icon />}
            variant="default"
            styles={{ inner: { justifyContent: 'flex-start' } }}
            onClick={() => handleTypeSelection(type as QuestionType)}
          >
            <Text>{type}</Text>
          </Button>