Embedded text within popover window has annoying bottom margin

So as shown in the screenshot, the popover window has embedded text (green) and usual text (purple). The popover has this annoying margin (red) in between the text. What selector should I use to fix this problem? Thanks!

my custom css for popover

.popover.hover-popover {
    transform: scale(0.8); /* makes the content smaller */
    max-height: 1000px;    /* was 300 */
    min-height: 100px;
    width: 500px;     /* was 400 */
    padding: 20px;
    overflow: hidden;     
    .markdown-embed-link, 
    .file-embed-link {
      display: none !important;
    }
}

tried the following to fix the margin problem but neither is working

.markdown-preview-sizer, .markdown-preview-section {
      padding-bottom: 0px !important; /*Gets rid of bottom padding on each page*/
      min-height: 0px !important; /*Useful for embedded pages*/
}
.internal-embed.is-loaded {
      padding: 0 !important;
      margin: 0 !important;
}

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.