How to decrease the height of the rows in the front end in SharePoint?

Miner, Kevin 40 Reputation points
2025-04-16T12:36:14.86+00:00

I see how to decrease the height of library rows within the library, but how do you do that for the front-end? On my site, I see differences in sections where row height is more compressed, and some sections have row height more spread out. I want the more compressed look with row height much smaller. How do I do this? row height.JPG

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,601 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Hien-L 3,520 Reputation points Microsoft External Staff Moderator
    2025-04-17T11:12:02.44+00:00

    Hi Miner, Kevin,

    Good day! Welcome to Q&A forum.

    You can use JSON formatting to edit the height of SharePoint list's rows.

    Here are some articles for your reference:

    Edit Row Height - SharePoint List - Microsoft Q&A 

    Use column formatting to customize SharePoint | Microsoft Learn 

    Hope these information helps.

    Please do let us know if you have any further queries.


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    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.


Your answer

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