Code in list element has wrong styling

[SleeplessByte]

As per @iHiD , @kntsoriano can you look at this please?

The following css selector makes code tags look great at the "top-level".

body.prism-dark .editable-text .editable-text-html pre[class*="language-"], 
body.prism-dark .new-editable-text .preview-area pre[class*="language-"] {

}

However, nesting a code tag in a list, will make the following, incorrect, css selector active:

.editable-text .editable-text-html p code, 
.editable-text .editable-text-html li code, 
.new-editable-text .preview-area p code, 
.new-editable-text .preview-area li code {
  ...
}

The latter adds:

{ 
  border: 1px solid #fafafa;
  background: #f5f5f5;
}

This produces:

[kntsoriano]

Thanks for the thorough report :)