Why Outlook display issues matter
If you spend hours planning, writing, and designing internal communications messages, it’s an awful feeling when technology messes up what you create. Even when an email looks normal while drafting it, Outlook sometimes changes the formatting after you send it.
When the formatting shifts or images disappear, it’s not just a design problem. Display issues can affect readability, accessibility, trust, and engagement.
Email display basics: HTML vs plain text
Before we hop into the top Outlook email rendering issues, let’s discuss a few editor basics.
What’s an HTML email?
An HTML email is a message built using hypertext markup language (HTML) and cascading style sheets (CSS).
- HTML is the structure — headlines, paragraphs, images, links, buttons, tables, etc.
- CSS is the styling — font size, color, spacing, background, borders, alignment, etc.
Combined, HTML and CSS open up new possibilities for branding, design, and interactivity, allowing you to format content with custom layouts, logos, images, and clickable buttons.
What’s a plain-text email?
Unlike an HTML email, plain-text emails only contain text—no flashy graphics, brand logos, funny GIFs, or clickable features.
Understanding the different versions of Microsoft Outlook
There are three Outlook environments. Each environment brings its own pros and cons—influencing the display issues you might deal with most often.
- Classic Outlook for Windows: The long-standing desktop version of Outlook installed on Windows computers. Some employees still use it as their main inbox.
- New Outlook for Windows: Microsoft’s newer desktop version. It has a more modern interface and is designed to feel more consistent with Microsoft’s web-based Outlook.
- Outlook on the web: The browser-based version of Outlook that employees access through Microsoft 365, usually by signing in online instead of opening a desktop app.
For teams managing internal email through Outlook with PoliteMail, the PoliteMail Unified App helps bring internal comms tools into whichever Outlook environment you already use.
Learn how our internal email software empowers communicators with data-driven insights on employee engagement.
Book your 30-minute personalized demo today!
Why does Outlook have display issues?
Email display issues occur because inboxes don’t interpret email code consistently. Gmail, Yahoo, Outlook desktop, New Outlook, and Outlook on the web can all interpret HTML and CSS differently, which means the same email may look slightly different depending on where someone opens it.
Classic Outlook has traditionally used Microsoft Word to render HTML emails rather than a modern web browser engine. As a result, some HTML and CSS elements that work well elsewhere may display differently in Outlook.
Common display issues with Classic Outlook and New Outlook
Let’s look at four recurring Outlook display issues you may experience, along with practical ways to reduce the risk.
1. Recipients see a different format than what you created.
Sometimes an email looks correct when you draft it in Outlook, yet displays incorrectly in someone’s inbox. Spacing expands, bullet points shift, alignment breaks, or text appears differently for recipients. Hundreds of users (in a single forum) identified these types of formatting errors as a major issue with New Outlook.
Possible fixes:
- Send test emails to both Classic Outlook and New Outlook users before major sends.
- Avoid copying your email content from Word, Google Docs, or webpages, as they can contain hidden formatting. If you must copy, paste the material as plain text.
- Use a clean HTML editor or a compatible email builder. You can use the BeeFree drag-and-drop email builder within PoliteMail, or you can import your own HTML file to make a template.
- Keep formatting simple. Use standard fonts, simple lists, clear section breaks, and limited nested formatting (e.g., indented lists, tables).
2. Unpredictable white lines appear.
Randomly appearing white lines are a tricky issue and a question that’s plagued Outlook users for years: “How to remove a white line appearing in my email?” A well-known rendering bug causes white lines, but there’s no one-size-fits-all workaround.
Possible fixes:
- For pixel-based values such as font size, line height, margins, and padding, use even numbers rather than odd ones. Sounds weird, but it can work.
- Avoid stacking multiple colored content blocks directly against each other.
- Add an Outlook-only “ghost break” near the problem area. (Here’s an in-depth description of this solution.) This fix essentially involves adding a hidden line break that only Outlook reads. That extra break can help Outlook handle spacing more consistently, reducing the chance that a random white line appears between sections.
3. Images fail to load, display, or size correctly.
Images are common in employee newsletters and broadcast emails: banners, headshots, charts, screenshots, and branded headers. They can enhance the meaning of your message or capture employees’ attention. But in Outlook, sometimes images are blocked, fail to load, or resize unexpectedly.
Possible fixes:
- Never place essential information only inside an image.
- Add descriptive alt text for every image.
- Resize your images rather than relying on Outlook (or another email builder) to resize them. As a general guideline, many communicators keep images around 600–800 pixels wide and aim for smaller file sizes, often around 200 KB when possible, to support faster loading.
4. Buttons, links, and calls to action display incorrectly.
Many internal emails ask employees to take action: complete a survey, register for an event, or review benefits information. But Outlook may strip button styling, remove background colors, change link formatting, ignore rounded corners, or turn a designed CTA into a plain text link.
Possible fixes:
- Test button appearance across Outlook environments.
- Limit each email to one primary CTA when possible.
- Check links for readability, contrast, and accessibility in light and dark mode.
5. Dark mode changes your email design
Outlook’s dark mode can automatically adjust colors, backgrounds, and text. A design that looks perfect in light mode may become difficult to read when dark mode is enabled.
Possible fixes:
- Test emails in both light and dark mode.
- Avoid placing dark text on transparent backgrounds.
- Maintain strong color contrast.
- Use image formats that work well on both light and dark backgrounds.
Design emails employees actually want to read.
Get our guide and turn every send into a success story.
Having problems with Outlook?
Outlook display issues are frustrating because they can make a carefully crafted email feel unpredictable, especially when the problem isn’t your message but the inbox that’s reading it.
These issues are easier to manage when you know where Outlook tends to break: spacing, images, buttons, links, and inconsistent formatting across versions.
With cleaner code, simpler design choices, and stronger testing, internal communicators can build emails that are more resilient from the beginning.
