I am using jQuery UI tabs. How can I reduces the width of the highlighted area(yellow).

![jQuery UI Tabs](https://s32.postimg.org/cmm601z7p/Capture.jpg)

```
<script><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> </script>
<div id="tabs">
<ul>
 <li><a href="#tab1">Tab 1</a><Search</li>
 <li><a href="#tab2">Tab 2</a>List</li>
 <li><a href="#tab3">Tab 3</a>List</li>
</ul>

```