# Beautiful Design App

**URL:** <https://community.glideapps.com/t/beautiful-design-app/16191>\
**Category:** Project Showcase\
**Created:** [September 22, 2020, 12:23pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191 "2020-09-22T12:23:59Z")\
**Posts on this page:** 1\
**Showing post:** 677

<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:** [June 17, 2021, 11:46pm UTC](https://community.glideapps.com/t/beautiful-design-app/16191/677 "2021-06-17T23:46:37Z")

</div>

Inspired by this topic, which brought up the fact that we can’t apply CSS to a search screen, I bring you a custom 🔍search box based on a text entry.

> [@Custom search box in the detail tab](https://community.glideapps.com/t/custom-search-box-in-the-detail-tab/28086):
>
> Greetings to all Analyzing the detail of the tabs, I noticed that using the classic search box, when in the next step the application goes to the list of topics found, it loses the custom icon that I added with the CSS code. In your opinion, is there any way to add the described code? Or is there a method to have in detail a custom search box? I’ve scoured the community a bit, but it really seems like no one has ever had the same thought as me. As always, I thank you in advance for your resp…

```auto
<pre><span><style>
div[id*='screenScrollView'] > div > :nth-of-type(1) .tf-inner {
color: black;
height: 36px;
border-radius: 10px;
background: rgba(0,0,0,0.05);
padding: 0px 6px 12px;
-webkit-box-align: center;
width: 100%;
border-bottom: none;
}

div[id*='screenScrollView'] > div > :nth-of-type(1) .ta-inputbox {
padding: 6px;
}

```

---

_[View the full topic](https://community.glideapps.com/t/beautiful-design-app/16191)._