> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/android/ja/navigation/ux/llms.txt)

# Safe area

Vehicles can have various shapes of displays (for example circle displays, displays with a rounded corner) so the app should be able to fit its content properly.

Navigation SDK UX Framework allows developers to set the margins around UI elements defining so-called "Safe Area" - it's a rectangular area the whole UI fits in (excluding the map, the map should take the whole available space).

To redefine these margins you need to call `DashNavigationFragment.setSafeAreaPaddings` function:

```kotlin
val navigationFragment = DashNavigationFragment.newInstance()
navigationFragment.setSafeAreaPaddings(300, 100, 200, 0)
supportFragmentManager.beginTransaction()
    .replace(R.id.container, navigationFragment)
    .commitNow()
```

Real-time updates are also supported:

```kotlin
val fragment = supportFragmentManager.findFragmentById(R.id.container)
if (fragment is DashNavigationFragment) {
    fragment.setSafeAreaPaddings(300, 100, 200, 400)
}
```

![UX Framework screenshot showing redefined safe area](https://docs.mapbox.com/android/ja/assets/ideal-img/dash-sdk-safe-area.88a1852.480.png)

The function can be called quite often to achieve animation effect.