What is the css class of the white border to the right of the left sidebar?

[SilverMarcs]

This is what i mean. Marked with pink arrow

[SilverMarcs]

https://github.com/beeper/themes/pull/7/commits/0882080617f256b4ea9dd92500fdab06401d9585

Doing this and adding a border-right to left side panel does the trick but is there a better way?

(Edited for accuracy)

[0xdevalias]

0882080

Doing this and adding a border-right to left side panel does the trick but is there a better way?

@SilverMarcs I just had a quick look, and I think targeting .mx_ResizeHandle is definitely the right approach. Both -webkit-box-shadow and box-shadow are essentially doing the same thing, just prefixed for older browser compatibility. In devtools, if I disable both of those styles, then the white border goes away:

Before:

After:

---

We can make this really obvious by changing the colour of the box-shadow there (eg. to red), and observing the results:

.mx_MatrixChat > .mx_ResizeHandle, .mx_RightPanel_ResizeWrapper .mx_ResizeHandle {
  box-shadow: #f00 1px 0px 0px 0px inset;
}

---

So I think you could just use the following rule (very similar to the one you had, but doesn't touch margin:

.mx_MatrixChat > .mx_ResizeHandle, .mx_RightPanel_ResizeWrapper .mx_ResizeHandle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[SilverMarcs]

Thanks.