diff --git a/vizro-ai/examples/dashboard_ui/assets/custom_css.css b/vizro-ai/examples/dashboard_ui/assets/custom_css.css index 6d0afaa45..2b6c9d01f 100644 --- a/vizro-ai/examples/dashboard_ui/assets/custom_css.css +++ b/vizro-ai/examples/dashboard_ui/assets/custom_css.css @@ -333,8 +333,8 @@ img#banner { } .dropdown-menu-outer-div { - width: 100%; + align-items: end; display: flex; justify-content: end; - align-items: end; + width: 100%; } diff --git a/vizro-ai/examples/dashboard_ui/components.py b/vizro-ai/examples/dashboard_ui/components.py index 854d809dc..f9b1f2b0f 100644 --- a/vizro-ai/examples/dashboard_ui/components.py +++ b/vizro-ai/examples/dashboard_ui/components.py @@ -391,20 +391,20 @@ def build(self): toggleClassName="dropdown-menu-toggle-class", ) download_div = html.Div( - html.Div( - children=[ - html.Span("download", className="material-symbols-outlined", id=f"{self.id}-icon"), - dropdown_menu, - dbc.Tooltip( - "Download this plot to your device as a plotly JSON or interactive HTML file " - "for easy sharing or future use.", - target="dropdown-menu-icon", - ), - ], - id="dropdown-menu-div", + html.Div( + children=[ + html.Span("download", className="material-symbols-outlined", id=f"{self.id}-icon"), + dropdown_menu, + dbc.Tooltip( + "Download this plot to your device as a plotly JSON or interactive HTML file " + "for easy sharing or future use.", + target="dropdown-menu-icon", ), - className="dropdown-menu-outer-div", - ) + ], + id="dropdown-menu-div", + ), + className="dropdown-menu-outer-div", + ) return download_div