rmarkdown 3 summary boxes in a row

[sou863]

How can I arrange the summary boxes in a row in rmarkdown html file?

#| echo: false
#| label: "Summary boxes"
 
#Get values
totalTransaction <- all_monthly_plotData %>%
  filter(YearMonth == as.Date(format(Sys.Date() - months(1), "%Y-%m-01"))) %>%
  pull(Total_12M_rolling)

digitalTransaction <- all_monthly_plotData %>%
  filter(YearMonth == as.Date(format(Sys.Date() - months(1), "%Y-%m-01"))) %>%
  pull(Digital_12M_rolling)

digitalUptakePercent <- all_monthly_plotData %>%
  filter(YearMonth == as.Date(format(Sys.Date() - months(1), "%Y-%m-01"))) %>%
  pull(`Digital Uptake %`)

#Render summary box
grid.arrange(
   summaryBox("Total Transaction", totalTransaction, width = 3, icon = "fas fa-percent", style = "info"),
   summaryBox("Digital Transaction", digitalTransaction, width = 3, icon = "fas fa-percent", style = "info"),
   summaryBox("Digital Uptake %", digitalUptakePercent, width = 3, icon = "fas fa-percent", style = "info"),
   ncol=3
 )