Angular 8样式问题

我正在Angular 8中构建应用程序,并在Angular前端显示svg图像,该图像来自后端,使用DomSanitizer。该代码工作得很好,并且将svg图像显示到前端。现在的问题是,当svg图像显示在前端时,由于这个原因,我的组件样式(CSS)受到了影响。更详细地讲,我的Navbar最初是屏幕的全宽,在将svg图像加载到前端之后,然后Navbar减小其大小并在其左右,左下方添加某种余量。

HTML:

<div class="svg" [innerHTML]="svg"></div>

Component.ts:

import { Component, OnInit} from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
.....

@Component({......})

export class MyComponent implements OnInit {

svg:SafeHtml;

constructor(private sanitizer: DomSanitizer) { }

 ngOnInit() {
this.svg = this.sanitizer.bypassSecurityTrustHtml('SVG CONTENT');
}

}

一旦将svg图像加载到myComponent中,这会对样式进行了一些更改,并且Navbar现在不会显示全屏宽度。

我正在上传应用程序的快照,您可以在其中最初看到我的导航栏为全角,并且导航链接正确对齐,

enter image description here

当将svg图像加载到时,我的导航栏收缩会在MyLOGO附近向左,向右,底部以及导航链接内容向左移动边距。

enter image description here

如何解决此问题...。