Cleaning Up ChatGPT Lists for Microsoft Teams and Outlook

You spend thirty seconds crafting the perfect prompt to generate a project timeline, and the output looks pristine in your browser. Then you copy-paste it into an email, and suddenly you’re staring at a formatting disaster: double-spaced bullet points, a faint gray background that won't go away, and font sizes that fluctuate between 10pt and 12pt.

We need to talk about why this happens and how to stop it. The issue isn't that you are bad at copying and pasting; the issue is an invisible war between modern web standards and the legacy rendering engines powering Microsoft's communication tools.

The Anatomy of a Copy-Paste Error

To understand why chatgpt lists break when they hit your clipboard, you have to look at the underlying code. When you highlight text in a browser, you aren't just selecting characters. You are selecting a Document Object Model (DOM) tree.

ChatGPT renders its output using Markdown, which the browser converts into HTML. A standard bulleted list in ChatGPT looks roughly like this in the HTML source:

<div class="markdown prose w-full break-words dark:prose-invert light">
  <ul>
    <li><strong>Phase 1:</strong> Discovery</li>
    <li><strong>Phase 2:</strong> Development</li>
  </ul>
</div>

When you paste this into Outlook or Teams, you are bringing all that inline CSS baggage with you. The clipboard stores data in multiple formats simultaneously—Plain Text, RTF (Rich Text Format), and HTML. Microsoft apps prioritize the HTML/RTF version to preserve bolding and links.

However, OpenAI applies specific CSS classes for font families (usually Söhne or system-ui) and background colors to differentiate the AI response from your prompt. When Outlook parses this, it doesn't see "clean text." It sees a request to create a specific container with specific padding and a specific background color, often resulting in that "boxed in" look that screams "I copied this from a bot."

Why Outlook is the Worst Offender

If you've ever felt like Outlook ignores standard web formatting, you're right. Unlike almost every other email client which uses a web-based rendering engine (like WebKit), the desktop version of Outlook uses Microsoft Word's rendering engine.

This matters because Word does not render HTML lists (<ul> and <li>) the way a browser does. It converts them into its own proprietary VML (Vector Markup Language) or applies MSO (Microsoft Office) specific styles.

When you paste a ChatGPT list into Outlook, the engine attempts to translate the web-based margin and padding attributes into Word's indentation settings. This translation is rarely 1:1.

The "Double Bullet" Glitch

Often, you will see a bullet point provided by the HTML, and then Outlook adds its own bullet point because it recognizes the list structure. Or, conversely, it strips the list tag but keeps the bullet character, resulting in a list that doesn't indent correctly when text wraps to the second line.

Microsoft Teams Formatting: The Spacing Trap

Microsoft Teams formatting operates differently than Outlook but is equally frustrating. Teams uses a sanitized HTML editor that relies heavily on "Adaptive Cards."

The most common issue with pasting lists into Teams is the "Wall of Space." You paste a compact list of five items, and Teams renders it with massive gaps between each bullet.

This happens because of how line breaks are interpreted. In HTML, a list item <li> is a block-level element. ChatGPT often includes a newline character \n in the plain text version of the copy within the HTML structure. Teams reads the block-level element closure as one break, and the newline character as a second break.

The result? A list that takes up your manager's entire chat window, forcing them to scroll just to read three points.

The "Paste as Plain Text" Compromise

The immediate advice most people give is "just paste as plain text." In Windows, that’s Ctrl + Shift + V. On a Mac, it’s Option + Shift + Command + V.

While this is a valid Outlook list fix for simple text, it is a productivity killer for complex documents.

When you paste as plain text, you strip the HTML tags. That means:

1. You lose all hyperlinks. If ChatGPT generated a list of citations or resources, they are gone.
2. You lose bold/italic emphasis. The visual hierarchy of the text is flattened.
3. You lose table structures. Data becomes a tab-delimited mess.

If you have to spend five minutes re-bolding headers and re-linking URLs, you have negated the time saved by using AI in the first place. We need a method that cleans the container tags but keeps the inline formatting.

Dark Mode Incompatibilities

One of the dead giveaways of AI-generated text is the background mismatch. If you use ChatGPT in "Light Mode" but your recipient uses Outlook in "Dark Mode," the background color styles copied from the browser often stick.

ChatGPT wraps its text in a <div> that often carries a specific background color code (e.g., #ffffff or a very light gray). When you paste this into a dark-themed Outlook client, the text turns white (to match the theme), but the background stays white (hardcoded from the paste).

The result is white text on a white background—invisible content. Or, if the text color carries over as black, you get a blinding white box in the middle of a dark email. This requires AI text cleanup specifically targeting CSS background-color properties while leaving text color as automatic or inherit.

Before and After: A Real-World Example

Let's look at a concrete example of a nested list generated by ChatGPT and how it degrades.

Original ChatGPT Output:

• Q3 Goals
  • Revenue: Increase by 10%
  • Hiring: Fill 2 engineering roles

Pasted into Outlook (The Problem): The top-level bullet often defaults to the "Normal" style font (Calibri, 11pt), while the nested bullets usually retain the source font (Söhne or Arial) and font size. The indentation for the nested items often relies on a margin-left pixel value (e.g., 24px) that Outlook interprets as a first-line indent rather than a hanging indent.

The Result: The word "Revenue:" aligns with the bullet above it, but the second line "Increase by 10%" wraps all the way back to the left margin, breaking visual flow.

The Fix: To fix this manually in Outlook, you cannot just use the "Decrease Indent" button. You usually have to:

1. Select the list.
2. Right-click > Adjust List Indents.
3. Manually set "Bullet position" and "Text indent" to match your standard style.

The Intermediate Workaround: Word as a Filter

If you don't use a dedicated cleaning tool, the best manual workflow involves using Microsoft Word as a "washing machine" before moving to Outlook or Teams.

1. Copy from ChatGPT.
2. Paste into a blank Word document.
3. Select the text.
4. Use the Clear Formatting button (the 'A' with a pink eraser) in the Home ribbon.
5. Crucial Step: Re-apply the bullet style using Word’s list library.
6. Copy from Word and paste into Outlook.

Why does this work? Because Word and Outlook share the same rendering engine. By normalizing the HTML into Word’s XML structure first, you ensure that Outlook receives instructions it actually understands. It’s tedious, but it prevents the formatting explosion.

Handling Code Blocks in Lists

A specific nightmare scenario is when ChatGPT includes a code snippet inside a bulleted list.

*   Run the installer:
    `npm install pasteclean`

When pasted into Teams, the code block often breaks out of the list entirely, resetting the indentation of the subsequent text. Teams treats the code block <code> or <pre> tag as a separate object card.

To fix this for Microsoft Teams formatting, do not try to keep the code block styling. Teams does not support inline code styling well within list items unless you are using Markdown mode. It is cleaner to bold the code or use a different color manually than to try and force the gray-background code block into a Teams list item.

A Checklist for Clean AI Emails

Before you hit send on that email containing AI-generated content, run through this mental checklist to ensure you look professional:

• Check the Font Family: Click into the text. Does it say "Segoe UI," "Söhne," or "Apple System"? Change it to your default (Calibri, Arial, etc.).
• Verify Link Colors: ChatGPT links are often a specific shade of blue that differs from the default Outlook blue. This subtle difference is a "tell."
• The "Select All" Test: Press Ctrl+A (or Cmd+A) to highlight your email draft. If you see boxy outlines around your pasted text but not your typed text, you have lingering <div> containers.
• Dark Mode Check: If possible, toggle your view to dark mode to ensure you haven't hardcoded a white background behind your text.

Conclusion

The friction between modern web HTML and legacy email rendering engines isn't going away anytime soon. Until Microsoft rewrites the Outlook rendering engine (don't hold your breath) or AI models output native Office XML, we are stuck in the middle.

You can rely on the "Paste as Plain Text" nuclear option and spend your afternoon re-formatting, or you can understand the underlying HTML conflicts and use tools or intermediate steps to scrub the code. The standard for professional communication is a seamless reading experience. Don't let a stray CSS tag ruin it.