diff --git a/package.json b/package.json
index 1a251c633..9cac1d8c6 100644
--- a/package.json
+++ b/package.json
@@ -150,6 +150,7 @@
     "nodemon": "^1.19.1",
     "postcss-import": "^12.0.1",
     "postcss-loader": "^3.0.0",
+    "postcss-rtl": "^1.7.3",
     "preprocess-loader": "^0.3.0",
     "prettier": "^1.11.1",
     "prop-types": "^15.6.2",
diff --git a/webpack.base.config.js b/webpack.base.config.js
index 75a92ef51..45e8eae41 100644
--- a/webpack.base.config.js
+++ b/webpack.base.config.js
@@ -38,7 +38,18 @@ let baseConfig = {
       },
       {
         test: /\.s?css$/,
-        use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
+        use: [
+		{ loader: 'style-loader' },
+		{ loader: 'css-loader' },
+		{ loader: 'postcss-loader',
+		  options: {
+		    plugins: function () {
+		      return [ require( 'postcss-rtl' )() ]
+		    }
+		  }
+		},
+		{ loader: 'sass-loader'},
+	      ],
       },
       {
         test: /\.(png|svg|gif)$/,