Rmarkdown flexdashboard valueboxes do not render properly in Chrome or IE (but work in FireFox)

My flexdashboard works perfectly in firefox but in chrome or IE, the valueboxes don't render properly and they get hidden behind other page elements.

Showing in Firefox (on top) and Chrome/IE (on bottom):

Here is a reprex of my code:

---
title: "reprex"
runtime: shiny
output:
  flexdashboard::flex_dashboard:
    theme: yeti
    orientation: rows
    vertical_layout: scroll
    social: menu
    source: embed
---

<script>
$('.navbar-logo').wrap('<a href="http://www.website.com" target=blank>');
</script>


```{r setup, include=FALSE}
library(flexdashboard)
library(knitr) # for RMarkdown to HTML
library(rmarkdown) # to generate Rmd final document
library(shiny) # dashboard interactivity

Sidebar {.sidebar}
======================================================================
some text for the sidebar

some more text

Section 1
======================================================================

## Row 1 {data-height=9}
-------------------------------

### valuebox1
```{r}
valueBox("986070", icon = "fa-user-times")
### valuebox2
```{r}
valueBox("8619681", icon = "fa-user-times")