What happened to the buttons in chrome?

Question

All my application buttons where fine in appearance about a couple of months ago,
but recently the right hand side of the button is a bit tilted now!
I thought it must be a local problem; but then I noticed that the appearance of the
button is the same even on apex.oracle.com, I even tried the appearance of button in
chrome browser on different locations but the same result.
is it a bug?

Answer 1

replace this code:
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  button.button-default span, button.button-alt1 span, button.button-alt2 span, button.button-alt3 span {
  margin-top: -1px;
in file http://apex.oracle.com/i/themes/theme_12/css/theme_4_0.css (1198 line)
to code:
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari and Google Chrome only - fix margins */
  button.button-default span, button.button-alt1 span, button.button-alt2 span, button.button-alt3 span {
  margin-top: 0px;
(or in other css files, if you use other theme)