flipping space-x-4 margin right and left

[mohas]

using the default Tailwindcss demo

           <div className="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">
                <div className="flex-shrink-0">
                    <img className="h-12 w-12" src="/img/logo.svg" alt="ChitChat Logo" />
                </div>
                <div className="text-start" >
                    <div className="text-xl font-medium text-black">ChitChat</div>
                    <p className="text-gray-500">You have a new message!</p>
                </div>
            </div>

I notice that space-x-4 does not flip the margin right and left when applying dir="rtl"

[20lives]

You should use space-s-4 instead.

[mohas]

Oh I see tbx great work