diff --git a/src/react/components/window/Modal.jsx b/src/react/components/window/Modal.jsx
index 265d808033..a0cdf93e2a 100644
--- a/src/react/components/window/Modal.jsx
+++ b/src/react/components/window/Modal.jsx
@@ -1,19 +1,22 @@
 import React from 'react';
 import { Modal as AntModal } from 'antd';
 import { ThemeConsumer } from '../../util/contexts';
-import styled from 'styled-components';
 import { Header } from 'oskari-ui/components/window/Header';
-const StyledModal = styled(AntModal)`
-    .ant-modal-body {
-        padding: 0 0 0.5em 0;
+
+const styles = {
+    body: {
+        padding: '0 0 0.5em 0'
+    },
+    content: {
+        padding: '0'
     }
-`;
+};
 
 export const Modal = ThemeConsumer(({children, title,  options={}, theme={}}) => {
-    return <StyledModal open={true} closable={false} centered={true} footer={null}>
+    return <AntModal zIndex={100000} styles={styles} open={true} closable={false} centered={true} footer={null}>
         <div>
             <Header title={title} isDraggable={false}/>
             {children}
         </div>
-    </StyledModal>;
+    </AntModal>;
 });
\ No newline at end of file