# Form Fields Have Drop Shadow

**URL:** <https://community.hubspot.com/t/form-fields-have-drop-shadow/100167>\
**Category:** CMS Development\
**Tags:** css\
**Created:** [February 14, 2024, 6:45pm UTC](https://community.hubspot.com/t/form-fields-have-drop-shadow/100167 "2024-02-14T18:45:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JLittle2](https://avatars.discourse-cdn.com/v4/letter/j/87869e/32.png) [@JLittle2](https://community.hubspot.com/u/JLittle2)\
**Post date:** [February 14, 2024, 6:45pm UTC](https://community.hubspot.com/t/form-fields-have-drop-shadow/100167/1 "2024-02-14T18:45:40Z")

</div>

I’ve been working on some css to change the look of our forms. I’m currently trying to get rid of this odd drop shadow that is inside our form fields - it only shows along the top and left side of the fields.

Has anyone seen this before? Where is this styling coming from? I’ve written multiple hubspot forms stylesheets for other websites and never had this happen.

 ![Screenshot 2024-02-14 at 11.42.43 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/1/f12ec2e8052a82717f494ded058bcf6be07d7e16.png)

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [February 14, 2024, 6:49pm UTC](https://community.hubspot.com/t/form-fields-have-drop-shadow/100167/2 "2024-02-14T18:49:37Z")

</div>

You didn’t add a border-style. By default some browsers add an “inset” border style to form fields so that’s what you’re seeing there.