diff --git a/src/components/structures/RoomDirectory.js b/src/components/structures/RoomDirectory.js
index f3614092..a4a5670d 100644
--- a/src/components/structures/RoomDirectory.js
+++ b/src/components/structures/RoomDirectory.js
@@ -43,6 +43,14 @@ module.exports = React.createClass({
         }
     },
 
+    componentWillMount: function() {
+        // dis.dispatch({
+        //     action: 'ui_opacity',
+        //     sideOpacity: 0.3,
+        //     middleOpacity: 0.3,
+        // });
+    },
+
     componentDidMount: function() {
         var self = this;
         MatrixClientPeg.get().publicRooms(function (err, data) {
@@ -65,6 +73,14 @@ module.exports = React.createClass({
         });
     },
 
+    componentWillUnmount: function() {
+        // dis.dispatch({
+        //     action: 'ui_opacity',
+        //     sideOpacity: 1.0,
+        //     middleOpacity: 1.0,
+        // });
+    },
+
     showRoom: function(roomId) {
         // extract the metadata from the publicRooms structure to pass
         // as out-of-band data to view_room, because we get information