tabs: margin on md-tab-item is ignored while scrolling

Actual Behavior:

• What is the issue? * Margin set by external CSS on md-menu-item is not being considered when scrolling the tabs using pagination arrows. The pagination arrow remains active but the last tab cannot be scrolled to view by clicking on arrows. However, it works fine with keyboard arrow keys and mouse scroll on the tabs. It used to work just fine with 1.1.4 though.
• What is the expected behavior? Margin on md-tab-item should be considered when calculating the width of each tab and pagination arrows should scroll the tabs all the way up to the last tab.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: https://codepen.io/nagibr/pen/QarvbR
• Details:

AngularJS Versions: *

• AngularJS Version: 1.6.1
• AngularJS Material Version: 1.1.5

Additional Information:

• Browser Type: * Chrome
• Browser Version: *
• OS: * Windows 10
• Stack Traces: