diff --git a/src/components/dialog/Dialog.css b/src/components/dialog/Dialog.css
index 2e19a719f9..b08d67ceb6 100644
--- a/src/components/dialog/Dialog.css
+++ b/src/components/dialog/Dialog.css
@@ -20,11 +20,15 @@
     overflow: auto;
     zoom: 1;
 }
-.p-dialog .p-resizable-se {
+.p-dialog .p-resizable-handle {
     width: 14px;
     height: 14px;
     right: 3px;
     bottom: 3px;
+    position: absolute;
+    font-size: .1px;
+    display: block;
+    cursor: se-resize;
 }
 .p-draggable .p-dialog-titlebar {
     cursor: move;
diff --git a/src/components/dialog/Dialog.js b/src/components/dialog/Dialog.js
index 73b4ccbf18..70319bcfb1 100644
--- a/src/components/dialog/Dialog.js
+++ b/src/components/dialog/Dialog.js
@@ -562,7 +562,7 @@ export class Dialog extends Component {
     renderResizer() {
         if(this.props.resizable) {
             return (
-                <div className="p-resizable-handle p-resizable-se p-icon p-icon-gripsmall-diagonal-se" style={{ 'zIndex': '90' }} onMouseDown={this.initResize}></div>
+                <div className="p-resizable-handle" onMouseDown={this.initResize}></div>
             );
         }
         else {