Extra indentation

[lindrid]

I have a code:

<silent-box
                :gallery="images"
                :preview-count="2"
                class="justify-center items-center flex mt-10 ml-10"
></silent-box>

<script setup>
import BackBtn from '@/components/Buttons/Back.vue'

const props = defineProps({
    category: {
        type: String,
        default: null
    },
    category2: {
        type: String,
        default: null
    }
});

const images = [
    {
        src: '/images/1.jpeg',
        description: 'Image 1',
        thumbnail: '/images/thumbs/1-th.jpeg',
        thumbnailHeight: 400,
        thumbnailWidth: 184,
        alt: 'Image Alt',
    },
    {
        src: '/images/2.jpeg',
        description: 'Image 2',
        thumbnail: '/images/thumbs/2-th.jpeg',
        thumbnailHeight: 400,
        thumbnailWidth: 225,
    },
];
</script>

And result is:

How can I rid of extra indention between images?