# Background of selected from category dropdown extends past menu on iOS
**URL:** https://meta.discourse.org/t/background-of-selected-from-category-dropdown-extends-past-menu-on-ios/38017
**Category:** UX
**Created:** [Janvier 15, 2016, 7:09 UTC](https://meta.discourse.org/t/background-of-selected-from-category-dropdown-extends-past-menu-on-ios/38017 "2016-01-15T19:09:37Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@simon](https://meta.discourse.org/u/simon)
#### Post date: [Janvier 15, 2016, 7:09 UTC](https://meta.discourse.org/t/background-of-selected-from-category-dropdown-extends-past-menu-on-ios/38017/1 "2016-01-15T19:09:37Z")
It’s hard to get a screenshot of this. On an ipad, when the ‘bullet’ category style is being used, after selecting a category from the category drop-down, the selected category’s background extends 10px past the edge of the drop-down menu.
This is because the width of `.badge-wrapper.bullet` is set to 100% while it also has 5px of padding. It can be fixed with either:
```css
list-controls .category-dropdown-menu .badge-wrapper.bullet {
box-sizing: border-box; // the width now includes the padding
}
```
or:
```css
list-controls .category-dropdown-menu .badge-wrapper.bullet {
width: calc(100% - 10px); // the right and left padding is subtracted from the width
}
```
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [Janvier 15, 2016, 8:41 UTC](https://meta.discourse.org/t/background-of-selected-from-category-dropdown-extends-past-menu-on-ios/38017/2 "2016-01-15T20:41:16Z")
Sure, let’s try border box, calc feels more hacked, can you send a pr?