# Custom search box in the detail tab

**URL:** <https://community.glideapps.com/t/custom-search-box-in-the-detail-tab/28086>\
**Category:** Ask for Help\
**Created:** [June 17, 2021, 4:55pm UTC](https://community.glideapps.com/t/custom-search-box-in-the-detail-tab/28086 "2021-06-17T16:55:33Z")\
**Posts on this page:** 1\
**Showing post:** 36

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 12, 2021, 2:21am UTC](https://community.glideapps.com/t/custom-search-box-in-the-detail-tab/28086/36 "2021-12-12T02:21:01Z")

</div>

Here’s my new code which has the same icon at the start.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/a/aabd9e23cd22d1beb9d1140fc5d6cba16e8a5e0d.jpeg)

```auto
<pre><span><style>

[data-test="app-text-field"] .input-wrap >div::before {
content: URL("https://i.imgur.com/4gNlaXl.png");
position: fixed;
}

[data-test="app-text-field"] .input-wrap .ta-inputbox{
margin-left: 28px;
}

div[id*='screenScrollView'] > div > :nth-of-type(1) >div >div >div{
height: 40px;
border-radius: 10px;
}

[data-test="app-text-field"].focused .input-wrap {
box-shadow: none;
}

```

---

_[View the full topic](https://community.glideapps.com/t/custom-search-box-in-the-detail-tab/28086)._