diff --git a/app.js b/app.js
index 4ad33a2..a6b791c 100644
--- a/app.js
+++ b/app.js
@@ -88,7 +88,7 @@ let App = create({
       <>
         <Sidebar client={this.state.client} rooms={this.state.rooms} selectRoom={(roomId) => {this.setState({roomId: roomId})}}/>
         <div className="main">
-          <Info />
+          <Info room={this.state.rooms[this.state.roomId]} />
           <Chat client={this.state.client} roomId={this.state.roomId}/>
           <Input client={this.state.client} roomId={this.state.roomId}/>
         </div>
diff --git a/components/info.js b/components/info.js
index d33151a..c2c26ea 100644
--- a/components/info.js
+++ b/components/info.js
@@ -7,7 +7,11 @@ const Promise = require('bluebird')
 let info = create({
   displayName: "Info",
   render: function() {
-    return <div className="info">Room Title</div> 
+    let title = ""
+    if (this.props.room != undefined) {
+      title = this.props.room.name
+    }
+    return <div className="info">{title}</div>
   }
 })