diff --git a/demo/right-to-left(rtl).html b/demo/right-to-left(rtl).html
index 8c7f28a68..56ed76714 100644
--- a/demo/right-to-left(rtl).html
+++ b/demo/right-to-left(rtl).html
@@ -32,7 +32,12 @@ <h1>RTL Demo</h1>
       {x: 6, y: 0, w: 2, h: 2},
     ];
     items.forEach((item, i) => item.content = 'item ' + i);
-    let grid = GridStack.init({rtl: true, children: items});
+    let grid = GridStack.init({
+        rtl: true,
+        float: true,
+        children: items,
+        resizable: {handles: 'sw,se'}
+    });
 
     function addWidget() {
       let w = {
diff --git a/src/gridstack.scss b/src/gridstack.scss
index 3bcb8e05e..d530cfa7b 100644
--- a/src/gridstack.scss
+++ b/src/gridstack.scss
@@ -9,13 +9,6 @@
    position: relative;
  }
 
- .grid-stack-rtl {
-   direction: ltr;
-   > .grid-stack-item {
-     direction: rtl;
-   }
- }
-
  .grid-stack-placeholder > .placeholder-content {
    background-color: rgba(0,0,0,0.1);
    margin: 0;
diff --git a/src/types.ts b/src/types.ts
index 056957be9..8de253af0 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -354,7 +354,7 @@ export interface GridStackOptions {
   row?: number;
 
   /**
-   * if true turns grid to RTL. Possible values are true, false, 'auto' (default?: 'auto')
+   * if true turns grid to RTL, and applies the `grid-stack-rtl class`. Possible values are true, false, 'auto' (default?: 'auto')
    * See [example](http://gridstack.github.io/gridstack.js/demo/right-to-left(rtl).html)
    */
   rtl?: boolean | 'auto';