M365 Copilot and Loop Full Width
A lightweight userscript that expands Microsoft 365 Copilot Chat and the main notes area in Microsoft Loop to use the available browser width, while retaining comfortable padding along the page margins.
Microsoft 365 Copilot normally limits conversations to a relatively narrow reading column, leaving substantial unused space on larger displays. Microsoft Loop applies a similar width limit to the main notes canvas. This script removes those restrictions so that long responses, code blocks, tables and detailed notes are easier to read and edit.
Features
- Full-width Copilot conversations: Expands Copilot responses to use the available page width.
- Wider Copilot message composer: Extends the chat input area to match the expanded conversation layout.
- Full-width Loop notes: Expands the main Loop notes canvas and removes the default width limit from its page frames.
- Targeted Loop support: Changes only the main notes canvas, without widening the page title or editable table cells.
- Comfortable page padding: Retains modest margins so content does not touch the edges of the browser window.
- Responsive layout: Reduces the horizontal padding automatically on narrow screens.
- Lightweight implementation: Uses a small set of CSS overrides without continuously scanning or modifying the page.
- Dynamic interface support: Uses stable layout identifiers and semantic selectors that work with the dynamically rendered Copilot and Loop interfaces.
- Theme compatible: Works with light and dark themes because it changes layout only.
- No tracking or external dependencies: Does not collect data, contact external services or load third-party resources.
Configuration
The Copilot page margin is controlled by this line in the userscript:
padding-inline: clamp(12px, 1.5vw, 24px) !important;
The Loop notes area keeps its standard desktop padding. On screens up to 700 pixels wide, the script reduces the horizontal padding to 10 pixels:
padding-inline: 10px !important;
