リーフレットの凡例の項目が光沢で正しく表示されない

Question

私は光沢のあるアプリでリーフレットをレンダリングしていますが、マップの凡例が正しく表示されず、凡例が非常に奇妙に整列しています（画像2） 。 RスタジオとRstudioビューアで同じマップを作成すると、凡例項目の配置が正しい（画像1）。
私は光沢のあるコードでCSSタグを使用して凡例をカスタマイズしようとしましたが、何も機能しません。ここで

は（も、私が試したCSSタグの例）どのように私は、レンダリングしていリーフレットプロットを示すためのサンプルコードです。私はなぜアイテムがこのように表示されるのかわかりません。私は本当にこれにあなたの助けに感謝します。

... 
tabPanel("plot", 
    tagList(
    tags$head(
     tags$style(
     ".leaflet .legend {width:200px; text-align: left;}", 
     ".leaflet .legend i{float: left;}", 
     ".leaflet .legend label{float:left; text-align: left;}" 
     ) 
    ) 
), 

    leafletOutput("leaflet_plot", width = 800, height = 550) 
) 
... 

# code to create leaflet 
output$leaflet_plot <- renderLeaflet({ 
    pal <- c("#F1F1F1", brewer.pal(5, "YlOrBr")) 
    opts <- providerTileOptions(opacity = 0) 
    map <- leaflet(shape_file) %>% addProviderTiles("CartoDB.PositronNoLabels", options = opts) 
    map <- map %>% addPolygons(fillColor = ~colorFactor(pal, shape_file$var)(var) 
    map <- map %>% addLegend("bottomleft", title = "Employment/Acre", pal = colorFactor(pal, NULL), values = ~var) 
    map 
}) 

おかげで、
アシシュ

Answer 1

ブラウザのズームレベルが100％以上である場合、これは起こるかもしれません。 再現可能な例があるduplicate postをご覧ください。