diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 388914de..46e31a56 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -38,6 +38,8 @@
 @import "tabler";
 @import "tabler.plugins";
 
+@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext);
+
 $background-color: #F5F7FB;
 $rule-color: lightblue;
 
diff --git a/app/controllers/rooms_controller.rb b/app/controllers/rooms_controller.rb
index 8d3c5b24..36c0d073 100644
--- a/app/controllers/rooms_controller.rb
+++ b/app/controllers/rooms_controller.rb
@@ -56,9 +56,10 @@ class RoomsController < ApplicationController
   # POST /r/:room_uid
   def join
     opts = default_meeting_options
-
+    puts 
+    puts @room.invite_path
     # If you're unauthenticated, you must enter a name to join the meeting.
-    if params[:join_name]
+    if params[@room.invite_path][:join_name]
       redirect_to @room.join_path(params[:join_name], opts)
     end
   end
diff --git a/app/views/rooms/join.html.erb b/app/views/rooms/join.html.erb
index 953ff216..6199bdf7 100644
--- a/app/views/rooms/join.html.erb
+++ b/app/views/rooms/join.html.erb
@@ -18,13 +18,15 @@
         <h5 class="font-weight-normal ml-4 mt-3 text-primary"><%= @room.owner.name %> (Owner)</h5>
       </div>
       <div class="col-lg-6 col-md-4 col-sm-12">
-        <div class="input-group" style="height: 60px;">
-          <input type="text" id="name-input" class="form-control main-large" placeholder="Enter your name!"></input>
-          <span class="input-group-append">
-            <button class="btn btn-primary px-7 main-large">Join</button>
-          </span>
-        </div>
+        <%= form_for room_path, method: :post do |f| %>
+          <div class="input-group" style="height: 60px;">
+            <%= f.text_field :join_name, class: "form-control main-large", placeholder: "Enter your name!" %>
+            <span class="input-group-append">
+              <%= f.submit "Join", class: "btn btn-primary px-7 main-large" %>
+            </span>
+          </div>
+        <% end %>
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/views/rooms/show.html.erb b/app/views/rooms/show.html.erb
index 4c45e455..8212cfe8 100644
--- a/app/views/rooms/show.html.erb
+++ b/app/views/rooms/show.html.erb
@@ -2,13 +2,13 @@
   <div class="container">
     <div class="row pt-9">
       <div class="col-lg-9 col-sm-12">
-        <h1 id="user-text" class="display-3 text-left text-primary mb-3"><%= @room.name %>
+        <h1 id="user-text" class="display-3 text-left mb-3"><%= @room.name %>
           <% if current_user.main_room == @room %>
             <i class="fas fa-home align-top" style="font-size: 22px;"></i>
           <% end %>
         </h1>
-        <h4 class="text-left text-primary mb-6"><%= @room.sessions %> Sessions | <%= @recordings.length %> Recordings</h4>
-        <label class="form-label text-primary">Invite Participants</label>
+        <h4 class="text-left mb-6"><%= @room.sessions %> Sessions | <%= @recordings.length %> Recordings</h4>
+        <label class="form-label">Invite Participants</label>
         <form class="form-inline">
           <div class="input-icon" style="width: 45%;">
             <span class="input-icon-addon">
diff --git a/app/views/shared/_sessions.html.erb b/app/views/shared/_sessions.html.erb
index 9ed16c1a..8e751646 100644
--- a/app/views/shared/_sessions.html.erb
+++ b/app/views/shared/_sessions.html.erb
@@ -2,38 +2,39 @@
   <div class="container pt-6">
 
     <%= render "shared/components/subtitle", subtitle: "Recordings", search: true %>
-
-    <div class="col-12">
-      <div class="card">
-        <div class="table-responsive">
-          <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
-            <thead>
-              <tr>
-                <th>Name</th>
-                <th>Thumbnails</th>
-                <th class="text-left">Length</th>
-                <th class="text-left">Users</th>
-                <th class="text-left">Visibility</th>
-                <th>Formats</th>
-                <th class="text-center"><i class="icon-settings"></i></th>
-              </tr>
-            </thead>
-            <tbody>
-            <% if recordings.empty? %>
-              <tr>
-                <td colspan="7" class="text-center h4 p-6 font-weight-normal">
-                  This room has no recordings.
-                </td>
-              </tr>
-            <% else %>
-              <% recordings.each do |recording| %>
-                <%= render "shared/components/recording_row", recording: recording %>
+    <div class="row">
+      <div class="col-12">
+        <div class="card">
+          <div class="table-responsive">
+            <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Thumbnails</th>
+                  <th class="text-left">Length</th>
+                  <th class="text-left">Users</th>
+                  <th class="text-left">Visibility</th>
+                  <th>Formats</th>
+                  <th class="text-center"><i class="icon-settings"></i></th>
+                </tr>
+              </thead>
+              <tbody>
+              <% if recordings.empty? %>
+                <tr>
+                  <td colspan="7" class="text-center h4 p-6 font-weight-normal">
+                    This room has no recordings.
+                  </td>
+                </tr>
+              <% else %>
+                <% recordings.each do |recording| %>
+                  <%= render "shared/components/recording_row", recording: recording %>
+                <% end %>
               <% end %>
-            <% end %>
-            </tbody>
-          </table>
-        </div>
-      </div>    
+              </tbody>
+            </table>
+          </div>
+        </div>    
+      </div>
     </div>
   </div>
 </div>
diff --git a/app/views/shared/components/_room_block.html.erb b/app/views/shared/components/_room_block.html.erb
index e8af2cde..3a9bf4ea 100644
--- a/app/views/shared/components/_room_block.html.erb
+++ b/app/views/shared/components/_room_block.html.erb
@@ -1,18 +1,18 @@
 <div class="card">
   <div class="card-body p-1">
-    <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
+    <table class="table table-hover table-vcenter text-nowrap table-no-border" style="border-bottom: none;">
       <tbody>
         <td>
-          <span class="stamp stamp-md bg-primary">
+          <span class="stamp stamp-md bg-cyan">
             <% if room == current_user.main_room %>
               <i class="fas fa-home"></i>
             <% else %>
-              <i class="fas fa-<%= room.icon %>"></i>
+              <i class="fas fa-chalkboard-teacher"></i>
             <% end %>
           </span>
         </td>
         <td>
-          <div><%= room.name %></div>
+          <h4 class="font-weight-normal p-0"><%= room.name %></h4>
           <div class="small text-muted">
             <i>Last Session on <%= recording_date(room.created_at) %></i>
           </div>