diff --git a/src/components/slidemenu/SlideMenu.js b/src/components/slidemenu/SlideMenu.js
index 7c8b7431d7..c28b13a4f0 100644
--- a/src/components/slidemenu/SlideMenu.js
+++ b/src/components/slidemenu/SlideMenu.js
@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import { classNames } from '../utils/ClassNames';
 import DomHandler from '../utils/DomHandler';
@@ -8,6 +7,7 @@ import { CSSTransition } from 'react-transition-group';
 import UniqueComponentId from '../utils/UniqueComponentId';
 import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandler';
 import OverlayEventBus from '../overlayeventbus/OverlayEventBus';
+import { Portal } from '../portal/Portal';
 
 export class SlideMenuSub extends Component {
 
@@ -403,6 +403,6 @@ export class SlideMenu extends Component {
     render() {
         const element = this.renderElement();
 
-        return this.props.popup ? ReactDOM.createPortal(element, this.props.appendTo || document.body) : element;
+        return this.props.popup ? <Portal element={element} appendTo={this.props.appendTo} /> : element;
     }
 }