# Fix for Chrome not rendering 1px borders

DevFeed: [Fix for Chrome not rendering 1px borders](<https://devfeed.tech/articles/fix-for-chrome-not-rendering-1px-borders-37269.md>)

Original publisher: [Read original article](<https://muffinman.io/blog/fix-for-chrome-not-rendering-borders/>)

Author: Stanko

Published: 2018-07-16T00:00:00Z

Content type: tutorial

Language: en

Sources: [Stanko Tadić](<https://devfeed.tech/sources/stanko-tadic.md>)

Topics: [Chrome](<https://devfeed.tech/topics/chrome.md>), [browsers](<https://devfeed.tech/topics/browsers.md>), [render](<https://devfeed.tech/topics/render.md>), [screen](<https://devfeed.tech/topics/screen.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [issue](<https://devfeed.tech/tags/issue.md>), [render](<https://devfeed.tech/tags/render.md>), [screen](<https://devfeed.tech/tags/screen.md>), [solve](<https://devfeed.tech/tags/solve.md>)

## AI overview

A short troubleshooting note about Chrome sometimes failing to render 1px borders at certain screen sizes. It suggests changing the border width from 1px to thin as a workaround, while noting that the author does not know why it works.

## Source excerpt

This happened to me couple of times - borders would just randomly disappear in Chrome. All other browsers render them normally, but they just vanish in Chrome, on some screen sizes. Resizing helps sometimes, but I never was able to catch real pattern for reproducing. If this ever happens to you, there is a (hacky) solution. Change border width from 1px to thin. border: 1px solid #000; /* change it to: */ border: thin solid #000; Although I don't like it, as it is a hacky workaround and I don't really understand why it works, it does solve the issue. It seems that I'm not the only one having this problem.