# Extra space between interaction label and the text reveal component

**URL:** <https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402>\
**Category:** General Help\
**Tags:** theming\
**Created:** [January 24, 2025, 11:56pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402 "2025-01-24T23:56:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![darkcurv](https://avatars.discourse-cdn.com/v4/letter/d/5f8ce5/32.png) [@darkcurv](https://community.evolveauthoring.com/u/darkcurv)\
**Post date:** [January 24, 2025, 11:56pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402/1 "2025-01-24T23:56:31Z")

</div>

Hi,

I have created a custom article style and set all margin and padding values to the required amount. The result is exactly what I am looking for except with Text Reveals. For some reason there’s extra space being added in between the interaction label and the component item (top of the images).

Compared to other components such as media, flip cards, carousel (that have the correct layout), the difference is pretty obvious

Has anyone come across or can explain why this is happening?

Thanks in advance

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [January 25, 2025, 7:38pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402/2 "2025-01-25T19:38:24Z")

</div>

If you could share a screenshot and/or DM me a link to your course I can take a look

---

<div class="post-metadata">

**Author:** ![darkcurv](https://avatars.discourse-cdn.com/v4/letter/d/5f8ce5/32.png) [@darkcurv](https://community.evolveauthoring.com/u/darkcurv)\
**Post date:** [January 25, 2025, 8:54pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402/4 "2025-01-25T20:54:20Z")

</div>

Thanks for the response Matt - I’ve attached two images. The correct spacing is shown first, then the larger, incorrect spacing that occurs with text reveals only, is second. Hopefully its clear but I’ve also sent the public link to your inbox as well.

 ![normal space](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/2/2ad3f90bd3e805b5cae87e920191922c53f1693f.png)  
 ![incorrect-spacing](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/0/0122d3424611d5d1c143deb3db4fe7e7e78ea315.png)

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [January 27, 2025, 12:37pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402/5 "2025-01-27T12:37:23Z")

</div>

In the example you sent me, the extra space is caused by the text reveal item titles. You can’t see them on screen because they are in a white font on a white background, but if you check using the developer tools you’ll be able to find them.

---

<div class="post-metadata">

**Author:** ![darkcurv](https://avatars.discourse-cdn.com/v4/letter/d/5f8ce5/32.png) [@darkcurv](https://community.evolveauthoring.com/u/darkcurv)\
**Post date:** [January 27, 2025, 1:44pm UTC](https://community.evolveauthoring.com/t/extra-space-between-interaction-label-and-the-text-reveal-component/3402/6 "2025-01-27T13:44:02Z")

</div>

No way! I spent ages trying to debug and didn’t try the simplest option #facepalm Thanks very much for your help Matt - once again to the rescue