Paginated tabs missing arrow icons

[cameronbird6]

Hello,

I am having an issue with tabs that no longer fit the parent width and become paginated. The issue is that the left/right buttons do not show icons or any sort of outline and as such are basically invisible.

The image below illustrates the issue. This is a group of about 10 tabs. Here the screen is shrunk to show only three, however, the left/right buttons are missing their icons.

As I adjust the screen size, I receive the following 3 errors from angular / material. Note, I only receive these errors on pages with paginated tabs.

• angular.js:11607 TypeError: Cannot read property 'tagName' of undefined
  at Object.Icon (angular-material.js:5926)
  at angular-material.js:5851
  at angular.js:13189
  at l.$get.l.$eval (angular.js:14401)
  at l.$get.l.$digest (angular.js:14217)
  at l.$get.l.$apply (angular.js:14506)
  at l (angular.js:9659)
  at S (angular.js:9849)
  at XMLHttpRequest.D.onload (angular.js:9790)angular.js:11607 (anonymous function)angular.js:8557 $getangular.js:13197 (anonymous function)angular.js:14401 $get.l.$evalangular.js:14217 $get.l.$digestangular.js:14506 $get.l.$applyangular.js:9659 langular.js:9849 Sangular.js:9790 D.onload
• angular.js:11607 TypeError: undefined is not a function
  at loadFromIconSet (angular-material.js:5860)
  at angular.js:13189
  at l.$get.l.$eval (angular.js:14401)
  at l.$get.l.$digest (angular.js:14217)
  at l.$get.l.$apply (angular.js:14506)
  at l (angular.js:9659)
  at S (angular.js:9849)
  at XMLHttpRequest.D.onload (angular.js:9790)angular.js:11607 (anonymous function)angular.js:8557 $getangular.js:13197 (anonymous function)angular.js:14401 $get.l.$evalangular.js:14217 $get.l.$digestangular.js:14506 $get.l.$applyangular.js:9659 langular.js:9849 Sangular.js:9790 D.onload
• angular.js:11607 undefined is not a function

I hope I've described the issue properly and that someone can either explain what I'm doing wrong, or get the code corrected. Please let me know if I can provide further feedback.