Angular, как заставить mde popover появляться рядом с элементом, а не сверху или снизу

Question

Я работаю над проектом Angular, и мне было интересно, знает ли кто-нибудь, можно ли создать mde-popover рядом с парящим элементом, а не над или под ним.

Пока мне не удалось изменить позицию спауна, вот как это выглядит сейчас.

В моем коде это выглядит так:

               <mat-card class="skill-card" [mdePopoverTriggerFor]="appPopover" mdePopoverTriggerOn="click"
                            #popoverTrigger="mdePopoverTrigger">
                                <mat-card-content>Scrum</mat-card-content>
                            </mat-card>

                    <mde-popover #appPopover="mdePopover" [mdePopoverOverlapTrigger]="false">
                        <mat-card>
                            <mat-card-content>Dummy Tag</mat-card-content>
                            <mat-card-content>Dummy catagory</mat-card-content>
                        </mat-card>
                    </mde-popover>