diff --git a/geonode_mapstore_client/client/js/components/MediaViewer/__tests__/Media-test.jsx b/geonode_mapstore_client/client/js/components/MediaViewer/__tests__/Media-test.jsx index dc2a1ff511..4c1f4525e4 100644 --- a/geonode_mapstore_client/client/js/components/MediaViewer/__tests__/Media-test.jsx +++ b/geonode_mapstore_client/client/js/components/MediaViewer/__tests__/Media-test.jsx @@ -41,7 +41,7 @@ describe('Test Media', () => { ReactDOM.render( , document.getElementById("container")); - const mediaViewer = document.querySelector('.gn-main-event-container'); + const mediaViewer = document.querySelector('.gn-metadata-preview'); expect(mediaViewer).toBeTruthy(); }); diff --git a/geonode_mapstore_client/client/js/components/MetadataPreview/MetadataPreview.jsx b/geonode_mapstore_client/client/js/components/MetadataPreview/MetadataPreview.jsx index 04a6ce61d0..76d1a1906c 100644 --- a/geonode_mapstore_client/client/js/components/MetadataPreview/MetadataPreview.jsx +++ b/geonode_mapstore_client/client/js/components/MetadataPreview/MetadataPreview.jsx @@ -7,12 +7,13 @@ */ import React from 'react'; +import FlexBox from '@mapstore/framework/components/layout/FlexBox'; function MetadataPreview({ url }) { return ( -
+