Share via

How to have a Quick Link Tiles column to Scroll rather than showing everything and making the page look uneven

Reu Li 0 Reputation points
2026-05-29T01:01:36.3433333+00:00

So I have created a Policy page in SharePoint and there are divided into 3 parts (columns) each colum have different Policy Title and have only 9 policies in them however i have a title employee which has 15 policies and the page is lengthen and looks uneven compared to the other 2 pages. How do i fix this

Microsoft 365 and Office | SharePoint | Development
0 comments

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Hani-Ng 11,315 Reputation points Microsoft External Staff Moderator
    2026-05-29T03:19:28.6866667+00:00

    Hi Reu Li

    Based on my research, the uneven look you're seeing is the expected result of modern SharePoint's core design philosophy - responsive design.

    Modern pages are designed to be fluid, meaning they automatically adapt to work beautifully on any device, from a wide desktop monitor to a narrow mobile phone. To do this, a column's height is determined by the content you put inside it. It grows as needed.

    Web parts, like "Quick Links" are designed to show all their content by default to ensure nothing is hidden from the user. The combination of a fluid column and an expanding web part creates the uneven height.

    This is not unique to SharePoint. It's the standard for almost all modern web platforms. Forcing columns to be the same height requires a specific, intentional technique.

    For detailed information, you can see this document which describes sections and columns as flexible containers for your web parts: Add sections and columns on a SharePoint modern page - Microsoft Support

    The recommended steps below explain how to implement the balanced layout you want:

    1/ Use the "List" Web Part

    This is the most direct and sustainable way to get a scrolling list of links. You recreate your links in a SharePoint List and then display that list on your page with a fixed height, which automatically enables a scrollbar.

    Create a SharePoint List:

    • From your site's homepage, click + New > List. Choose Blank list, name it (ex: "Employee Policies"), and click Create.
    • Add Columns and Data: Use the default "Title" column for the policy name > Click + Add column > Hyperlink and name it "Policy Link" > Add all 15 of your employee policies to this list.

    Add the List to Your SharePoint Page:

    • On your page, Edit and add the List web part to the desired column > Select your "Employee Policies" list.

    Enable the Scrollbar:

    • Click the All items > Autofit height

    2/ Use a "Collapsible Section"

    This approach neatly tucks away the long list of links, keeping your page layout perfectly even. The user can click to expand the section and see all the policies.

    • Edit your SharePoint page > Go to the far-left edge of your page > click to plus sign

    User's image

    • Click the Edit properties

    User's image

    • In the properties pane, enable the Make this section collapsible toggle.

    User's image

    • Set a Section display name > Drag and drop your existing "Quick Links" web part (the one with 15 policies) into this new collapsible section. By default, it will be collapsed, keeping your page clean.

    I hope this helps, if you have further questions, please feel free to let me know via comment section!

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    Was this answer helpful?

    0 comments

  2. AI answer

    2026-05-29T01:01:51.0533333+00:00

    Quick Links tiles do not support an internal scrollbar, so the web part will always expand vertically to show all links. To avoid one column becoming much longer than the others, use one or more of these approaches:

    1. Reduce how many links show in that column
      • Split the 15 employee policies into multiple Quick Links web parts (for example, “Employee Policies A–M” and “Employee Policies N–Z”) stacked in the same column so each web part has fewer tiles.
      • Alternatively, move some of those links into one of the other columns so the total number of tiles per column is more balanced.
    2. Change the layout of the section
      • Edit the page and change the section layout so that the Quick Links web parts are not side‑by‑side in three equal columns. For example, use:
        • A one‑column section for all policies (so uneven height is less noticeable), or
        • A two‑column layout where the “Employee” column has more width and can use a more compact layout.
    3. Use a more compact Quick Links layout
      • Edit the Quick Links web part and choose a layout that takes less vertical space, such as Compact, List, or Button, then adjust Show image in layout or Show descriptions options to reduce height per item. This will shorten the tall column even if it still has more links.
    4. Consider a different information architecture
      • Instead of listing all 15 employee policies as tiles, use Quick Links to link to a dedicated “Employee Policies” page or document library view where the full list is displayed. The main page then shows only a single tile for that category, keeping all three columns visually even.

    SharePoint’s modern page framework does not provide a scrollable region inside a Quick Links column, so achieving a balanced look requires adjusting the number of links, their layout, or the section structure.

    References:

    AI-generated content may be incorrect. Read our transparency notes for more information.

    Was this answer helpful?

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.