Prosemirror编辑器工具栏在Angular 6上不完整

Question

我已经使用以下指令将ProseMirror集成到了Angular 6中作为文本编辑器：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core'; 
import { ProsemirrorModule } from './prosemirror/prosemirror.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { MatButtonModule, MatCardModule, MatInputModule } from '@angular/material';

@NgModule({
  declarations: [
    AppComponent,
    MyElementComponent
  ],
  imports: [
    BrowserModule,
    ProsemirrorModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatCardModule,
    MatInputModule
  ],
  providers: [],

})
export class AppModule {

  }
  ngDoBootstrap() {

  }
}

，并将html用作：

<div appEditor></div>

所有工具都运作良好...但是工具栏显示不正确...所有工具都在其他下对齐

不知道如何使其正确显示。任何帮助请