Chrome Version:Version: 54.0.2803.0 (Official Build) 74ed884d4d42cb7152dc75fae33351e8e34220cd-refs/heads/master@{#406716}(32/64-bit)
OS: Windows(7,8,8.1,10), Linux (Ubuntu 14.04 LTS), Mac (10.10.5, 10.11.5)

Test url:https://chrome.google.com/webstore/detail/clock-for-google-chrome/emakkfldeggiinnfcdjkakdfcppbfhdg

What steps will reproduce the problem?
(1)Launch chrome and navigate to the above URL.
(2)Click on "Add to chrome" to apply extension and click on the extension icon near bookmark bar.
(3)Change the month by clicking on arrow of month header,observe.(Kindly refer the video)

Actual:Month header is not seen properly i.e the text and header appears misaligned.

Expected:Month header should be seen properly.

This is a Regression issue broken in M-50,below is the Narrow bisect info:

https://chromium.googlesource.com/chromium/src/+log/91c0984d84f16caa19a459e0cb327591ef90c9ec..9619968005e1f8e2fbefbaa16499aee4ec3bffff?pretty=fuller&n=100

Suspecting:r370385?

Manual bisect info:
Good build:50.0.2626.0
Bad build:50.0.2627.0

Kindly help to re-assign if your change is not the cause for this issue.
 

Deleted: Actual result.mp4 390 KB

	Actual result.mp4 390 KB View Download

Deleted: Expected result.mp4 309 KB

	Expected result.mp4 309 KB View Download