> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowx.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Components change log v4.1

> This log outlines the changes in component styles and props from v4.0 to v4.1.

## Navigation areas

### Stepper

* Implemented fixed height settings on the Web (for sticky sections use case).

### Tab bar

* Added Sizing options: Tabs Gap & Component Gap properties.

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/tab_bar_sizing.png)
</Frame>

### Page

* Added fixed height settings on the Web  (for sticky sections use case)

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/page_fixed_h.png)
</Frame>

### Modal

* Added fixed height settings on the Web (for sticky sections use case).

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/modal_fixed_h.png)
</Frame>

### Zone

* Incorporated fixed height settings on the Web (for sticky sections use case).

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/zone_fixed_heighy.png)
</Frame>

## UI components

### Container

* Integrated fixed height settings on the Web for better management of sticky sections.

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/container_fixed_h1.png)
</Frame>

### Card

* Enabled fixed height settings on the Web for sticky sections.

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/container_fixed_h.png)
</Frame>

### Form

* Implemented fixed height settings on the Web for improved usability.

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/form_fixed_h.png)
</Frame>

### File preview

* Introducing a new source type: Media Library. Check the following section for more details:

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/release40/static_document_2.png)
</Frame>

<Card title="File preview" href="../../../../4.1.x/docs/building-blocks/ui-designer/ui-component-types/file-preview" icon="link" />

### Collection

* Added fixed height settings on the Web for smoother handling.

<Frame>
  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/collections_h.png)
</Frame>

<Info>
  Note that for all components, the overflow property is set to scroll when the height is fixed.

  The "overflow" property in CSS controls how content that exceeds the dimensions of a container is handled. It's particularly useful when the content inside a container is larger than the container itself.

  ![](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/platform-deep-dive/overflow.gif)
</Info>