Google Chrome Showing Blue Horizontal Lines, Fix

Several Mac users have reported a Google Chrome display problem. The problem is that blue horizontal lines appear while browsing the Web in Chrome on the Mac. It appears the issue is not a website issue because Safari does not show these lines. It further seems that only some websites are affected by this problem.

Chrome blue lines

This problem may occur because of a rendering issue with the GPU hardware acceleration. Please follow the steps below to fix this problem:

See also: Chrome Won’t Open On Mac

1. Disable hardware acceleration

Following the steps below will guide you through disabling hardware acceleration in Google Chrome.

By default, the CPU is responsible for all the processes running on your Mac. In Chrome, the hardware acceleration feature uses your computer’s graphics processing unit (GPU) to process page-rendering and loading tasks to enhance its performance.

1. Open Chrome on your Mac.

Google Chrome

2. Click the More 3 dots icon which is located in the top-right corner.

Google Chrome More

3. Click Settings.

Chrome Settings

4. From the left pane, click Advanced.

Chrome Advanced

5. Click System.

Chrome System

6. Now turn the “Use hardware acceleration when available” toggle switch off. Then click the Relaunch button. This will reopen the Chrome app, then test your issue.

Chrome hardware acceleration

See also: How To Change Your Default Browser in macOS

If you are having a similar issue in other Apps or Browsers (Adobe, Firefox, Microsoft Edge, Teams, etc), Try disabling hardware acceleration in their Settings if they allow.

2. Enable Metal

Follow the steps below:

  • Open Chrome on your Mac.
  • In the URL field, type chrome://flags/ and hit enter.
  • This will open Google Chrome experiments.
  • In the search fields, type metal.
  • Then enable this experimental feature.
  • You will have to restart Chrome as changes will take effect after restart Chrome. Quit Chrome and then open it.
  • Test to see if you have fixed your problem. If not, you can now change this setting to its original.
Metal Chrome

3. Update everything

If disabling “hardware acceleration” does not fix your problem, then make sure that you are using the latest version of macOS and Chrome. Here is how you can check

macOS Update:

If you are using macOS Mojave or later, click System Preferences and then Software Update. If there is an update available, follow the onscreen instructions. If you are using macOS High Sierra or earlier, open the App Store app on your Mac and then click the Updates tab.

Update macOS

Update Chrome:

  • Open Chrome on your Mac.
  • Click the three dots (more) icon.
  • Click Help.
  • About Google Chrome.
  • Opening this page will check for updates. Simply follow the onscreen instructions.
Google Chrome Update

4. Reset PRAM or NVRAM

Are you still having this problem? Then reset PRAM or NVRAM. Please follow the steps below:

  • Turn off your Mac (Apple menu > Shut Down).
  • Locate these four keys (do not press them yet): Option, Command, P, and R.
  • Turn on your Mac and immediately press and hold these four keys.
  • Keep holding the keys for 20 seconds. Then release the keys.

If resetting NVRAM or PRAM does not fix your problem, you may want to reset the SMC (System Management Controller).

See also: ColorSync Not Working on Mac

Dr. Serhat Kurt worked as a Senior Technology Director. He holds a doctoral degree (or doctorate) from the University of Illinois at Urbana / Champaign and a master’s degree from Purdue University. Here is his LinkedIn profile.

Thank you for choosing to leave a comment.

Please note the following:

  • All comments are moderated.
  • Your email will NOT be published nor shared.
  • All SPAM comments will be deleted.
  • Please see our comment policy page for more info.

5 thoughts on “Google Chrome Showing Blue Horizontal Lines, Fix”

  1. Just wanted to leave a comment to say that I resolved this on my MacBook Pro (2019 16″ model, macOS 11.2.2, running Chrome 89.0.4389.72) by disabling the “GPU rasterization” flag via chrome://flags/#enable-gpu-rasterization.


Leave a Comment