How to Fix Overlapping Milestones in Project for the Web Roadmaps
Question details
Users need a way to clearly view all milestones in their project roadmap without them being partially hidden by overlaps.

- Product
- Project for the Web
- Device & OS
- not provided
- Scenario
- Viewing a project roadmap where multiple milestones are scheduled on the same or very close dates.
- Observed behavior
- Milestones placed closely together overlap on the timeline, causing lower milestones to become partially or completely hidden, even when adjusting the zoom level.
Before proceeding, check if tweaking your browser zoom or temporarily adjusting the timeline scale provides a slight improvement, though the core layout issue remains a system limitation.
Submit Feedback to the Microsoft Product Team
Since there is currently no built-in setting to prevent milestone overlaps in the roadmap interface, submitting official feedback is the recommended action for requesting a fix.
Microsoft Project for the web currently lacks customization options to automatically stack or separate milestones scheduled on nearby dates.
The product team actively reviews user feedback to prioritize new features and UI improvements.
Navigate to the official Microsoft 365 feedback portal in your web browser.
Sign in using the Microsoft 365 account associated with your Project for the web subscription.
Click on 'Send Feedback' and detail the issue regarding overlapping milestones in the roadmap view, mentioning that zoom adjustments do not fix it.

Workaround: Manually Space Out Milestone Dates
To temporarily prevent milestones from hiding each other, you can manually adjust their scheduled dates so they are spaced further apart.
Design Flexible Project Timelines with WPS Office
If you are frustrated by the rigid layout limitations of Project for the web, WPS Office offers a free, lightweight, and highly customizable alternative. Using WPS Spreadsheet, you can build your own project roadmaps and Gantt charts with complete control over milestone placement, ensuring your data is never hidden.
- 1. Download and install: Get WPS Office for free from the official website and install it on your device.
- 2. Open the template library: Launch WPS Spreadsheet and navigate to the Template section.
- 3. Search for roadmap templates: Type 'Project Roadmap' or 'Gantt Chart' to find a timeline layout that suits your project.
- 4. Customize milestones freely: Add your project data and manually adjust cell spacing so your milestones never overlap.

Frequently Asked Questions
Why do my milestones overlap in Project for the web roadmaps?
Overlapping occurs when multiple milestones are scheduled on the exact same or very close dates. The current roadmap interface does not have an automatic spacing feature to prevent them from stacking visually.
Can changing the zoom level reveal hidden milestones?
Unfortunately, no. Changing the zoom level in the Project for the web roadmap does not adjust the vertical alignment or stacking behavior of the milestones, so lower ones often remain partially hidden.
Is there a setting to customize the roadmap layout?
Currently, Microsoft Project for the web does not offer advanced layout customization options to reorganize or dynamically space out overlapping milestones.




