Bad styling when using Nova responsive template

[xoco70]

Hi,

When using: "gregoriohc/laravel-nova-theme-responsive": "^0.8.1",

the bell get in the middle of the screen, and the red badge is in the upper right corner instead of being in the lower right corner.

I send you a screenshot.

Is there a way to publish blade so that I can change it ? Or how can I fix it ?

EDIT: The badge position, it will fix if I change this class to 1rem instead of -1rem

.-mt-4 {
    margin-top: 1rem;
}

but I cannot see how to move whole icon to the right. I'am actually pretty bad in CSS :(

[scramatte]

Same issue here. Have you find a fix ?

[scramatte]

Hi,

Bellow, I let you the fix to move icon to the right. You need to "ml-2" instead "ml-auto" into user dropdown menu.

                    @include('nova-notifications::dropdown')

                    <dropdown class="h-9 ml-2 dropdown-right">
                        @include('nova::partials.user')
                    </dropdown>

[SadeghPM]

Also in RTL, the dropdown goes out of viewport.