Calendly / OpenTable: layout issues when using custom CSS class

[jeherve]

Calendly and OpenTable sometimes dynamically generate class names based on the className attribute. Here are some examples:

jetpack/extensions/blocks/opentable/edit.js

Line 136 in 36c4883

<div className={ `${ className }-overlay` }></div>

jetpack/extensions/blocks/calendly/edit.js

Line 100 in 36c4883

<div className={ `${ className }-learn-more` }>

While this works with default class names, it becomes an issue once someone enters a custom CSS class here: