Collapse icon on the left page-navigation pane in an embedded report is hidden.

In our angular application, we embed a paginated report with page navigation enabled and docked to the left.
On doing that, the icon to collapse pageNavigation bar is not visible.
Is there a way to get the collapse icon in the pane?
Below are the configuration settings that are being used:
let pbiConfig = {
        type: 'report',
        tokenType: models.TokenType.Aad,
        accessToken: accessToken,
        settings: {
          panes: {
            filters: {
              expanded: false,
              visible: true
            },
            bookmarks: {
              visible: false,
            },
            fields: {
              visible: true
            },
            selection: {
              visible: true
            },
            syncSlicers: {
              visible: true
            },
            visualizations: {
              visible: true
            },
            pageNavigation: {
              position: 1
            }
          },
          bars: {
            statusBar: {
              visible: true
            },
            actionBar: {
              visible: true
            }
          },
          hyperlinkClickBehavior: models.HyperlinkClickBehavior.RaiseEvent,
          personalBookmarksEnabled: true,
          persistentFiltersEnabled: true,
          bookmarksPaneEnabled: false,
          authoringHintsEnabled: true,
          filterPaneEnabled: false,
          navContentPaneEnabled: true,
          visualSettings: {
            visualHeaders: [{ settings: { visible: true } }]
          }
        },
        embedUrl: <embedUrl>,
        id: id
      };
On a user action we dynamically hide the actionBar using updateSettings method.

Image 1: PBI App
Image 2: Embedded report