Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Google Calendar buttons scaling issue

  • 2 replies
  • 1 has this problem
  • Last reply by iLLbeFrank

more options


I have a laptop with a 4K (3840 x 2160) display and have had issues with text scaling in various programs. I have tried various combinations of Windows display resolution and text size and have now settled on full recommended resolution of 3840 x 2160 and text size scaling of 225%.

In Google Calendar, the up and down buttons used to set Notifications, are abnormally small. I suspect this is related to high DPI scaling. Can this be fixed?

All Replies (2)

more options

Unfortunately, there's no way to style the spinner control for HTML number input fields. This is a flaw that was reported to the developers long ago, but nothing has really been done to fix it. Although the spinner does adjust slightly when you set the Windows text size scaling, it's not nearly a big enough adjustment.

The only real "solution" I can recommend is using the following code in a userContent.css file to hide the spinner controls from the textbox:

input[type=number] { -webkit-appearance: textfield; }

It wouldn't fix the sizing issue, but it will remove what I can only assume are pretty useless buttons on a screen of that size. It's also worth noting that you can use the up and down arrow keys on your keyboard to increase or decrease the number.

It's not really an answer to your question, though.

more options

Thanks, now worries, one less thing for me to wonder about :)