diff --git a/public/sass/components/_dashboard_grid.scss b/public/sass/components/_dashboard_grid.scss index f8bff5fe76c..c10c1002f7c 100644 --- a/public/sass/components/_dashboard_grid.scss +++ b/public/sass/components/_dashboard_grid.scss @@ -2,13 +2,14 @@ @import '~react-resizable/css/styles.css'; .react-resizable-handle { - display: none; + // this needs to use visibility and not display none in order not to cause resize flickering + visibility: hidden; } .react-grid-item { &:hover { .react-resizable-handle { - display: initial; + visibility: visible; } } } @@ -47,7 +48,7 @@ } .react-resizable-handle { - display: none !important; + display: none; } // the react-grid has a height transition