# Padding inconsistencies with images

**URL:** <https://meta.discourse.org/t/padding-inconsistencies-with-images/258682>\
**Category:** UX\
**Created:** [March 20, 2023, 12:32am UTC](https://meta.discourse.org/t/padding-inconsistencies-with-images/258682 "2023-03-20T00:32:04Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [March 20, 2023, 11:09am UTC](https://meta.discourse.org/t/padding-inconsistencies-with-images/258682/5 "2023-03-20T11:09:44Z")

</div>

The hotlinked image has this CSS:

```css
.d-editor-preview img {
    padding-bottom: 1.4em;
}

```

Whereas the uploaded image has this one:

```css
.d-editor-preview .image-wrapper img {
    padding-bottom: 0;
}

```

It also happens when the remote image has been downloaded to Discourse, because no dimensions are set in this case, which means no image-wrapper is created in the preview:

Remote image downloaded:  
`![](upload://8af8gZpoBRQh1Lf7j8YsQHFWnFw.jpeg)`

Uploaded image:  
`![563687|690x388](upload://oOqqJbiN2BL6Ju752OD87dlJqbI.jpeg)`

---

_[View the full topic](https://meta.discourse.org/t/padding-inconsistencies-with-images/258682)._