R flexdashboard dimple plot legends and labels messes up in the second page

#1
I was trying to create flexdashboard with dimple plots but in the second page the legends and x and y labels messes up,mixing each other which seems pretty ugly. I can't fix this. Does anybody has an idea? Please help. Thank you.
Not: If I fix the second page, same problem occurs in the first page. Codes are:


Code:
---
title: "Dimple Example"
output:
flexdashboard::flex_dashboard:
orientation: rows
vertical_layout: fill
---

```{r setup, include=FALSE}
library(dimple)
```

Page 1 {data-orientation=rows}
===================================== 

Row {data-height=1200}
-------------------------------------

### Chart A

```{r}
dimple(sales,
xCategory="Month",
xOrderRule="Date",
yPct="Unit.Sales",
series="Channel",legend=TRUE)
```

### Chart B
```{r}
dimple(sales,
xCategory="Month",
xOrderRule="Date",
yPct="Unit.Sales",
series="Channel",legend=TRUE)
```

Page 2 {data-orientation=rows}
===================================== 

Row {data-height=1200}
-------------------------------------

### Chart B

```{r}
dimple(sales,
xCategory="Month",
xOrderRule="Date",
yPct="Unit.Sales",
series="Channel",legend=TRUE)
```

### Chart C

```{r}
dimple(sales,
xCategory="Month",
xOrderRule="Date",
yPct="Unit.Sales",
series="Channel",legend=TRUE)
```
 

Attachments