> For the complete documentation index, see [llms.txt](https://docs.mapsindoors.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mapsindoors.com/sdks-and-frameworks/ios/custom-map-padding.md).
# Custom Map Padding
### How use map padding​
If your app uses UI components that overlays the map, like a search bar, a bottom sheet or other components, you'll have to add padding to the `MPMapControl`. The first step is to create a new `UIView` or use an existing one.
```swift
// Creating a simple red view for the demo
let testView = UIView()
testView.translatesAutoresizingMaskIntoConstraints = false
testView.backgroundColor = .red
self.view.addSubview(testView)
```
Add Constraints to the newly created `UIView`
```swift
// Adding Auto Layout constraints for the red view
testView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
testView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
testView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
testView.heightAnchor.constraint(equalToConstant: 250).isActive = true
```
Add mapPadding to `mapControl`
```swift
mapControl?.mapPadding = UIEdgeInsets(top: 0, left: 0, bottom: 250, right: 0)
```
REMEMBER
It's important to notice that you need to adjust the padding so it fits your solution.
### Expected Result​