The navigation control button icons are not rendering.

style.scss:

@import "mdb-angular-file-upload/scss/file-upload.scss";

@import "mdb-angular-multi-item-carousel/scss/multi-item-carousel.scss"; @import "mdb-angular-ecommerce-gallery/scss/ecommerce-gallery.scss";

@import "@fortawesome/fontawesome-free/css/all.css";

// Importação de variáveis padrão MDB $tooltip-bg: #000 !important; $tooltip-border-color: #be0505; $tooltip-border-radius: 0.75rem !important; $tooltip-padding-x: 5px;

$carousel-control-icon-width: 2rem !important; $carousel-control-icon-font-size: 1.5rem !important;

$dark-red: #7f0303; // Cor vermelha escura nas bordas $black: #000; // Cor preta no centro

@import 'mdb-angular-ui-kit/assets/scss/mdb.scss';

Imports in component:

@Component({

selector: 'app-comments-notice', standalone: true, imports: [ CommonModule,

MdbCarouselModule,
MdbMultiItemCarouselModule,    
MdbCollapseModule,
MdbRippleModule,
MdbTooltipModule,

], templateUrl: './comments-notice.component.html', styleUrl: './comments-notice.component.scss' })

html:

                <mdb-carousel [controls]="true" [indicators]="true" class="slide">
                @for (image of feed.image; track $index) {
                <mdb-carousel-item>
                    <img class="rounded shadow mb-2" [src]="image.url" 
                        alt="Imagem da Notícia {{$index + 1}}" 
                        style="width: 360px !important; height: 200px !important;"/>
                </mdb-carousel-item>
                }
            </mdb-carousel>

resource image: