Not sure if this helps, but "thumb" images may be different for each user based on preferences?

Please follow the Disbussion Guidelines and always include a link to a page where we can see the issue.

I'm not sure I actually understand the problem correctly.

• What do you mean with "extend entirely to the right side"?

• How does the code for the image look? If you use "thumb", the image will float right.

• What do you mean with "because the box-sizing property is set to "inherit" on my browser" and how do you get to this? Browsers should not override css rules delivered by the weebsite. If it does, it's a problem you have to solve with your browser, not with the site's CSS.

Please elaborate and include a link so we can see the code.

My apologies. Here's a link to one of the affected pages.

The issue is that there's no padding on the right side of thumbnail images.

It seems that the box sizing is what is causing the problem. I checked the code (by right-clicking and using the "Inspect" tool), and it shows "box-sizing: inherit" is ticked on, but when I switch it off the border/padding goes as it should (pictured below).

I'm just trying to determine how to fix this through the Wiki's CSS, which is linked here if that helps.

Hopefully, that makes a little more sense. Thanks in advance!

Ok, so the box-sizing thing is not something "with your browser" then, but just seems to be how it is defined in the MediaWiki/Fandom CSS.

I'm not entirely sure what is going on and why, to be honest.

However, I think I found a working solution. This seems to give the desired result:

.page-content figure.thumb {
  background-color: var(--theme-page-background-color--secondary);
  border: 1px solid var(--theme-accent-color);
  box-sizing: initial;
  padding: 3px;
  margin-bottom: 10px;
/*
  overflow: hidden;
  width: min-content;
*/
}

Note that I have commented out overflow and width, as I could not figure out the reason it's there and it seems to do nothing as far as I noticed.

I would recommend you use it this way and check your pages, and if it works fine everywhere, you could remove the commented part for good.

You can replace both the dark and light mode rules with the code above (everything between line 65 an 81). These two rules are exactly the same, so there is no need to have them twice. The light/dark colors are realized with the color variables used.

This is how it looks using my code:

It works, thank you so much!!