diff --git a/paper-drawer-panel.html b/paper-drawer-panel.html
index 8dc8b1e..eb0126d 100644
--- a/paper-drawer-panel.html
+++ b/paper-drawer-panel.html
@@ -468,8 +468,7 @@
            * If true, position the drawer to the right.
            */
           rightDrawer: {
-            type: Boolean,
-            value: false
+            type: Boolean
           },
 
           /**
@@ -513,6 +512,11 @@
           '_forceNarrowChanged(forceNarrow, defaultSelected)'
         ],
 
+        attached: function() {
+          if (this.rightDrawer === undefined)
+            this.rightDrawer = this._isRTL();
+        },
+
         /**
          * Toggles the panel open and closed.
          *
@@ -550,6 +554,10 @@
           this._transition = true;
         },
 
+        _isRTL: function() {
+          return window.getComputedStyle(this).direction === 'rtl';
+        },
+
         _onMainTransitionEnd: function (e) {
           if (e.currentTarget === this.$.main && (e.propertyName === 'left' || e.propertyName === 'right')) {
             this.notifyResize();
diff --git a/test/positioning.html b/test/positioning.html
index f70c2cf..7c21614 100644
--- a/test/positioning.html
+++ b/test/positioning.html
@@ -28,10 +28,10 @@
 
   <test-fixture id="left-drawer">
     <template>
-        <paper-drawer-panel>
-          <div drawer></div>
-          <div main></div>
-        </paper-drawer-panel>
+      <paper-drawer-panel>
+        <div drawer></div>
+        <div main></div>
+      </paper-drawer-panel>
     </template>
   </test-fixture>
 
@@ -44,6 +44,15 @@
     </template>
   </test-fixture>
 
+  <test-fixture id="rtl-drawer">
+    <template>
+      <paper-drawer-panel dir="rtl">
+        <div drawer></div>
+        <div main></div>
+      </paper-drawer-panel>
+    </template>
+  </test-fixture>
+
   <script>
     suite('positioning', function() {
 
@@ -87,6 +96,10 @@
         });
       });
 
+      test('rtl-drawer defaults rightDrawer to true', function() {
+        expect(fixture('rtl-drawer').rightDrawer).to.be.true;
+      });
+
     });
   </script>
 </body>
diff --git a/test/small-devices.html b/test/small-devices.html
index b3091cb..4639ef8 100644
--- a/test/small-devices.html
+++ b/test/small-devices.html
@@ -18,28 +18,25 @@
   <script src="../../web-component-tester/browser.js"></script>
   <link rel="import" href="../paper-drawer-panel.html">
 </head>
-<style>
+<style is="custom-style">
   body {
     margin: 0;
     padding: 0;
   }
-  .notransition,
-  .notransition * {
-    -webkit-transition: none !important;
-    -moz-transition: none !important;
-    -o-transition: none !important;
-    -ms-transition: none !important;
-    transition: none !important;
+  .notransition {
+    --paper-drawer-panel-drawer-container: {
+      transition: none !important;
+    };
   }
 </style>
 <body>
 
   <test-fixture id="left-drawer">
     <template>
-        <paper-drawer-panel class="notransition">
-          <div drawer></div>
-          <div main></div>
-        </paper-drawer-panel>
+      <paper-drawer-panel class="notransition">
+        <div drawer></div>
+        <div main></div>
+      </paper-drawer-panel>
     </template>
   </test-fixture>
 
