diff --git a/web/client/components/misc/Dialog.jsx b/web/client/components/misc/Dialog.jsx
index e3f980a8cc..80f8058279 100644
--- a/web/client/components/misc/Dialog.jsx
+++ b/web/client/components/misc/Dialog.jsx
@@ -22,6 +22,7 @@ const Dialog = React.createClass({
         backgroundStyle: React.PropTypes.object,
         className: React.PropTypes.string,
         maskLoading: React.PropTypes.bool,
+        containerClassName: React.PropTypes.string,
         headerClassName: React.PropTypes.string,
         bodyClassName: React.PropTypes.string,
         footerClassName: React.PropTypes.string,
@@ -38,6 +39,7 @@ const Dialog = React.createClass({
             start: {x: 0, y: 0},
             className: "modal-dialog modal-content",
             maskLoading: false,
+            containerClassName: "",
             headerClassName: "modal-header",
             bodyClassName: "modal-body",
             footerClassName: "modal-footer",
@@ -84,7 +86,7 @@ const Dialog = React.createClass({
         </Draggable>);
         let containerStyle = assign({}, this.props.style, this.props.backgroundStyle);
         return this.props.modal ?
-            (<div onClick={this.props.onClickOut} style={containerStyle} className="fade in modal catalog_window" role="dialog">
+            (<div onClick={this.props.onClickOut} style={containerStyle} className={"fade in modal " + this.props.containerClassName} role="dialog">
             <div onClick={(evt)=> {evt.preventDefault(); evt.stopPropagation(); }} className="modal-dialog" style={{background: "transparent"}}>
                 {dialog}
             </div></div>) :
diff --git a/web/client/plugins/MetadataExplorer.jsx b/web/client/plugins/MetadataExplorer.jsx
index a85966eed8..75f403cf05 100644
--- a/web/client/plugins/MetadataExplorer.jsx
+++ b/web/client/plugins/MetadataExplorer.jsx
@@ -84,7 +84,7 @@ const MetadataExplorerComponent = React.createClass({
                         {panel}
                     </Panel>);
                 }
-                return (<Dialog modal id="mapstore-catalog-panel" style={assign({}, this.props.style, {display: "block" })}>
+                return (<Dialog containerClassName="catalog_window" modal id="mapstore-catalog-panel" style={assign({}, this.props.style, {display: "block" })}>
                     <span role="header"><span className="metadataexplorer-panel-title"><Message msgId="catalog.title"/></span><button onClick={this.props.toggleControl} className="print-panel-close close">{this.props.closeGlyph ? <Glyphicon glyph={this.props.closeGlyph}/> : <span>×</span>}</button></span>
                     {panel}
                 </Dialog>);