# Perspective Screen Padding Reduction

**URL:** <https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [December 1, 2025, 4:02pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528 "2025-12-01T16:02:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![jpreese246](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jpreese246](https://forum.inductiveautomation.com/u/jpreese246)\
**Post date:** [December 1, 2025, 4:02pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/1 "2025-12-01T16:02:16Z")

</div>

Hello, I have been able to reduce the height of the blue bar at the top my web server screen, but for the life of me cannot figure out how to reduce the whitespace below it. I am using the ProveIt demo from the exchange as my base perspective project. Any guidance on how to reduce the white space? I would like the content, for example the “home column” show below to jut right up next to the blue tab.  
The blue bar at the top is the Header, and I can manipulate that. The Home menu is in the Docks and I can manipulate that, but the white space must be on some sort of home screen or something that is common to all Views, and the views just lay on top of this, or something. I can’t find it to reduce the white space so that my views go all the way to the top near the blue header.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/6/26bd05f88486f7d89f25fc52b3c43a5cb500dd46.png)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [December 1, 2025, 4:05pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/2 "2025-12-01T16:05:17Z")

</div>

Can you describe (maybe draw some boxes on your screenshot) what is in a dock ?

---

<div class="post-metadata">

**Author:** ![jpreese246](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jpreese246](https://forum.inductiveautomation.com/u/jpreese246)\
**Post date:** [December 1, 2025, 4:21pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/3 "2025-12-01T16:21:24Z")

</div>

Here are some screenshots from the ProveIt program I used as a base:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/b/8b5371ba106977b46c5fc3274e67ffd97765a986.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/9/e9d3d2fbf8f27d932cd0044c27ec498ed99e2b7e.png)

---

<div class="post-metadata">

**Author:** ![dillon](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dillon/32/81537_2.png) [@dillon](https://forum.inductiveautomation.com/u/dillon)\
**Post date:** [December 1, 2025, 5:43pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/4 "2025-12-01T17:43:53Z")

</div>

In the browser, right click on that area and click 'inspect element'. It should show you how it is computing that space, whether it is margin or padding. Then, you can use those clues to look at your Views like the `Breakpoint` one (navigation bar from the looks of it), or the current view you are showing below it. One of those might have some styling that is giving you the trouble.

---

<div class="post-metadata">

**Author:** ![jpreese246](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jpreese246](https://forum.inductiveautomation.com/u/jpreese246)\
**Post date:** [December 1, 2025, 6:26pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/5 "2025-12-01T18:26:37Z")

</div>

When i inspect element I get this. It is definitely a docked view and the height correlates to 150px, now if I can just find where to edit the height in my Perspective project…

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/c/6c4d3c65b7fb92a2bfdac2eb0245c5cc086db5ce.png)

---

<div class="post-metadata">

**Author:** ![ryan.white](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan.white/32/73193_2.png) [@ryan.white](https://forum.inductiveautomation.com/u/ryan.white)\
**Post date:** [December 1, 2025, 6:35pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/6 "2025-12-01T18:35:26Z")

</div>

> [@jpreese246](#):
>
> ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/9/e9d3d2fbf8f27d932cd0044c27ec498ed99e2b7e.png)

On this screen, press the pencil icon on the top configured dock, see what the 'size' property says.

> **[Docked Views | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/views-in-perspective/docked-views#editing-an-existing-docked-view)**
>
> Views can be anchored to an edge of a session. This configuration is called a docked view, as the view is "docked" to an edge in the session.

---

<div class="post-metadata">

**Author:** ![jpreese246](https://avatars.discourse-cdn.com/v4/letter/j/e95f7d/32.png) [@jpreese246](https://forum.inductiveautomation.com/u/jpreese246)\
**Post date:** [December 1, 2025, 7:24pm UTC](https://forum.inductiveautomation.com/t/perspective-screen-padding-reduction/112528/7 "2025-12-01T19:24:55Z")

</div>

Yes! There it is Ryan. Hiding in plain site, I am not surprised! Again, thanks!
