# 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:** 623

<div class="post-metadata">

**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\
**Post date:** [June 7, 2021, 3:36am UTC](https://community.glideapps.com/t/beautiful-design-app/16191/623 "2021-06-07T03:36:56Z")

</div>

Well uh mm oddly the CSS works with the editor but does not work after publication ☹  
I allow myself to suggest a small correction, and at home it works.  
(Test with chrome/windows10 & Android)

result with your css

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

result after the small correction

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

the correction

```auto

<pre><span><style>

[data-test="app-hr"] {
   background-color: rgb(246, 246, 246);
padding:0px;
}

[data-test="app-hr"] .sep-line {
background-color: rgb(246, 246, 246);
}

[data-test="app-hr"]:after {
  content: "";
position:relative;
top:-30px;
height:20px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background:#fff;
box-shadow: 0 3px 0 0 rgb(226, 226, 226);
z-index:0 !important;
}

[data-test="app-hr"]:before {
  content: "";
position:relative;
top:30px;
  height:20px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  background:#fff;
  box-shadow: 0 -15px 0 0 rgb(246, 246, 246);
  z-index:0 !important;
}

</style></span></pre>

```

---

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