# Blank space is generating in Header section for different screen sizes **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [April 4, 2025, 8:15am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703 "2025-04-04T08:15:46Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\ **Post date:** [April 4, 2025, 8:15am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/1 "2025-04-04T08:15:46Z")
Hello Experts! I am designing perspective page. I have Navigation and header section docked views on the left and top edges respectively. But in header section at right hand side, a blank space is getting generated which is not required. For your reference below is the view i defined in designer: **Designer:** ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/1/b14a3c1c2ea3887490ab03314d4e97795b59cbc2.png) **On web page:** ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/c/3cf017074eb9155c0cf604238f8f7659ff55951f.png) I want date time and calendar logo components to be aligned at right hand side. Thanks is advance! ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [April 4, 2025, 8:53am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/2 "2025-04-04T08:53:15Z")
You might want to set justify to 'space between' on the main flex container. Also, if a component has 'grow' set to 1 it will always fill out any available space. Can you post a screenshot of your flex containers? ---
**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\ **Post date:** [April 4, 2025, 9:58am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/3 "2025-04-04T09:58:46Z")
To clarify further, select the date picker and set `POSITION.grow : 0` ---
**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\ **Post date:** [April 4, 2025, 10:18am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/4 "2025-04-04T10:18:01Z")
Hi @Fran_Dujmovic, Please find below my designer configuration: **1. Header View:** ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/2/e2bc653544a46789cbe8f2dffe2e77183ab3094f.png) **2. Flex Container inside root container:** ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/5/65b0d9c4df0afdac17f3dc9eecb48834717a55ed.png) ---
**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\ **Post date:** [April 4, 2025, 10:22am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/5 "2025-04-04T10:22:11Z")
Further Details: Root Container: Mode \> Percent Coordinate container(having ignition logo) inside root container: Mode \> Fixed ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [April 4, 2025, 10:45am UTC](https://forum.inductiveautomation.com/t/blank-space-is-generating-in-header-section-for-different-screen-sizes/104703/6 "2025-04-04T10:45:27Z")
I think you'd be better off just creating a root Flex Container with 2 Flex Containers justified with space between. In the left Flex container you'd put your Ignition logo and set its grow property to 1 (or if you're using an image you can set the contain property to 'fill') and in the right Flex Container you'd put your label for your date/time and set the property of 'Flex Right' to justify and align contents to 'center. Here's a visual representation of what I mean; ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/8/78f5d0d99e0c35896768d852ff380b727d4b7356.png) Coordinate containers stretch out the content when set to 'percent', which is probably what's causing your issue seeing as your 'Header' root container is a coordinate container.