.vuiBarChart,
.vuiLineChart,
.vuiPieChart,
.vuiScatterChart,
.vuiComposedChart,
.vuiTreeMap {
  width: 100%;

  // Soften Recharts' default legend spacing to match the design system rhythm.
  .recharts-legend-item {
    margin-right: $sizeM !important;
  }
}

// Sparklines render at a fixed size and sit inline beside other content.
.vuiSparkline {
  display: inline-block;
  line-height: 0;
}