# Title → Image component becomes misconfigured based on Setting → Appearance

**URL:** <https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662>\
**Category:** Report a Bug\
**Created:** [February 9, 2024, 1:14pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662 "2024-02-09T13:14:18Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:14pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/1 "2024-02-09T13:14:18Z")

</div>

**Bug:**  
“Light” appearance misconfigures title → image component:

> [@Title → Image component becomes misconfigured based on Setting → Appearance](https://community.glideapps.com/t/why-are-these-rendering-differently/70662/13):
>
> Found it. It’s a Settings → Appearance issue. For some reason the “light” appearance renders this title incorrectly (but dark doesn’t?). Seems like a bug to me. @tristan @SantiagoPerez [CleanShot 2024-02-09 at 09.17.57]

**Original Post:**  
Two different screenshots of apps made from exactly the same data. Can anybody explain why one image is pushed all the way to the top and the other isn’t? Only thing difference between the two apps: one is based on tables, the other ones sheets. I don’t think that should matter. I could live with either one, but I would like to be able to control the appearance and I don’t understand what’s causing the difference.

 ![red](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/b/2b2efcaf45eed08d574bea09cea8bd63efa146d8.jpeg)  
 ![blue](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/6/4641aed78d6a50416d707706e489026f043dfae1.jpeg)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [February 9, 2024, 1:24pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/2 "2024-02-09T13:24:11Z")

</div>

Can you tell me if anything changes if you delete the Breadcrumbs component in both?

Also - how do they both look when you switch to desktop view?

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:34pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/3 "2024-02-09T13:34:49Z")

</div>

Nothing changes at all when I delete the breadcrumbs component. Screenshots below… As you can see, they’re different which is weird since it’s the same data.

Is it tables versus sheets?

BTW… Bottom screenshot is from a backup version, but the live version looks the same.

 ![red](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/3/236fd042ddb8421e69b8742c3f2a5d8c50727503.jpeg)  
 ![blue](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/386d0a766f7d676c9f085c7dd98ba4ea702e0bf0.jpeg)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 9, 2024, 1:37pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/4 "2024-02-09T13:37:35Z")

</div>

Weird. I just tried both tables and sheets and I can’t recreate the issue. I can’t imagine that would be the issue.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 9, 2024, 1:39pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/5 "2024-02-09T13:39:06Z")

</div>

What happens if you remove the title component and add it back?

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:44pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/6 "2024-02-09T13:44:49Z")

</div>

I’ll give that a try Robert. But a question… Which one is the correct appearance?

---

<div class="post-metadata">

**Author:** ![Jarvis](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jarvis/32/81377_2.png) [@Jarvis](https://community.glideapps.com/u/Jarvis)\
**Post date:** [February 9, 2024, 1:45pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/7 "2024-02-09T13:45:58Z")

</div>

Is it because you have vertical sidebar as the menu in one, and horizontal top bar in another?

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:51pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/8 "2024-02-09T13:51:06Z")

</div>

I didn’t realize I could control that. I will look for that setting.

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:55pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/10 "2024-02-09T13:55:16Z")

</div>

Removing the title and reinserting it did not change anything

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 1:56pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/11 "2024-02-09T13:56:19Z")

</div>

Changed to both horizontal sidebars in desk View. Still no change. This is really weird.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 9, 2024, 2:15pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/12 "2024-02-09T14:15:41Z")

</div>

The top option should be the correct one

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 9, 2024, 2:19pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/13 "2024-02-09T14:19:30Z")

</div>

Found it. It’s a Settings → Appearance issue. For some reason the “light” appearance renders this title incorrectly (but dark doesn’t?). Seems like a bug to me. @tristan @SantiagoPerez  
 ![CleanShot 2024-02-09 at 09.17.57](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2f028d76d5bfe98a02b728d1e6843fa6310fd1d5.gif)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [February 9, 2024, 2:23pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/14 "2024-02-09T14:23:05Z")

</div>

I renamed and reclassified this post.

…now I’m wondering how many other components are affected by “Light” appearance 🤔

---

<div class="post-metadata">

**Author:** ![Rich\_Dixon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rich_dixon/32/23025_2.png) [@Rich\_Dixon](https://community.glideapps.com/u/Rich_Dixon)\
**Post date:** [February 9, 2024, 2:28pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/15 "2024-02-09T14:28:15Z")

</div>

Well, how about that. Actually I had the accent appearance checked but it does the same thing as dark. And you’re right, light appearance does change it.

Thanks for all your help guys. I wouldn’t have found that in a million years.

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [February 9, 2024, 8:17pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/16 "2024-02-09T20:17:19Z")

</div>

I think this has been an issue for a while now, ever since they launched the new title components. I just always used the Accent theme

---

<div class="post-metadata">

**Author:** ![Mindy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mindy/32/63461_2.png) [@Mindy](https://community.glideapps.com/u/Mindy)\
**Post date:** [March 26, 2024, 11:08pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/17 "2024-03-26T23:08:42Z")

</div>

Mine is still doing this even though I have changed the “style” color. It wasn’t there a week ago, but now it is. Any other thoughts or suggestions? (It is also on EVERY page)

 ![Screen Shot 2024-03-26 at 7.10.20 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/2/a2aed22d62ddac20f0e161602f557c2240546e18.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [September 22, 2024, 11:09pm UTC](https://community.glideapps.com/t/title-image-component-becomes-misconfigured-based-on-setting-appearance/70662/18 "2024-09-22T23:09:39Z")

</div>

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.
