diff --git a/app/assets/images/g-normal.png b/app/assets/images/g-normal.png
new file mode 100644
index 00000000..b8d4958e
Binary files /dev/null and b/app/assets/images/g-normal.png differ
diff --git a/app/assets/images/twitter_signin_logo.png b/app/assets/images/twitter_signin_logo.png
new file mode 100644
index 00000000..17d213ba
Binary files /dev/null and b/app/assets/images/twitter_signin_logo.png differ
diff --git a/app/assets/stylesheets/sessions.scss b/app/assets/stylesheets/sessions.scss
index 0890194e..bafc7bbc 100644
--- a/app/assets/stylesheets/sessions.scss
+++ b/app/assets/stylesheets/sessions.scss
@@ -1,10 +1,7 @@
 .login {
   .center-panel {
     .center-panel-size {
-      max-width: 600px
-    }
-    .center-panel-content-size {
-      max-width: 500px;
+      max-width: 400px
     }
   }
 }
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index 91c8ff89..9b4f9e6e 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -118,3 +118,42 @@ body[data-controller=landing][data-action=rooms].app-background {
 .popover {
   max-width: none;
 }
+
+a.signin-link {
+  &:hover, &:focus {
+    cursor: pointer;
+    text-decoration: none;
+  }
+}
+
+.signin-link {
+  .signin-icon {
+    vertical-align: middle;
+    width: 35px;
+    height: 35px;
+  }
+  .signin-button {
+    background: white;
+    width: 250px;
+    border: thin solid #888;
+    border-radius: 2px;
+    white-space: nowrap;
+    padding: 5px;
+    margin-bottom: 14px;
+  }
+  .signin-icon-wrapper {
+    display: inline-block;
+    width: 40px;
+  }
+  .signin-text-wrapper {
+    display: inline-block;
+    width: 200px;
+  }
+  .signin-text {
+    font-family: 'Roboto', sans-serif;
+    vertical-align: middle;
+    font-size: 14px;
+    font-weight: bold;
+    color: #444;
+  }
+}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 38fdbedc..ca6114c9 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -23,6 +23,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
   </head>
 
   <body class="app-background" data-controller="<%= params[:controller] %>" data-action="<%= params[:action] %>">
@@ -35,6 +36,9 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
       <span class="logo-wrapper pull-left">
         <%= link_to image_tag("bbb-logo.png", :alt => "BigBlueButton", :class => "logo"), root_path %>
       </span>
+      <% unless params[:controller] == 'sessions' && params[:action] == 'new' %>
+        <%= render 'shared/signup' %>
+      <% end %>
     </div>
     <!-- End of Header -->
 
diff --git a/app/views/sessions/new.erb b/app/views/sessions/new.erb
index 75ba8b10..b3dde2ed 100644
--- a/app/views/sessions/new.erb
+++ b/app/views/sessions/new.erb
@@ -1,10 +1,39 @@
+<% content_for :title do %>
+  <div class="title">
+    <h2><%= t('log_in') %></h2>
+  </div>
+<% end %>
+
 <div class="page-wrapper login">
   <div class="container-fluid">
 
     <div class="center-panel-wrapper">
       <%= render layout: 'shared/center_panel' do %>
         <div class="center-block center-panel-content-size col-xs-12">
-          <%= render 'shared/signup' %>
+          <% if omniauth_providers_configured(:twitter) %>
+            <%= link_to '/auth/twitter', class: "signin-link signin-link-twitter" do %>
+              <div class="signin-button center-block">
+                <div class="signin-icon-wrapper">
+                  <%= image_tag("twitter_signin_logo.png", alt: "T", class: "signin-icon") %>
+                </div>
+                <div class="signin-text-wrapper text-center">
+                  <span class="signin-text"><%= t('signin_text', provider: 'Twitter') %></span>
+                </div>
+              </div>
+            <% end %>
+          <% end %>
+          <% if omniauth_providers_configured(:google) %>
+              <%= link_to '/auth/google', class: "signin-link signin-link-google" do %>
+                <div class="signin-button center-block">
+                  <div class="signin-icon-wrapper">
+                    <%= image_tag("g-normal.png", alt: "G", class: "signin-icon") %>
+                  </div>
+                  <div class="signin-text-wrapper text-center">
+                    <span class="signin-text"><%= t('signin_text', provider: 'Google') %></span>
+                  </div>
+                </div>
+              <% end %>
+          <% end %>
         </div>
       <% end %>
     </div>
diff --git a/app/views/shared/_signup.html.erb b/app/views/shared/_signup.html.erb
index 12840b19..0530e157 100644
--- a/app/views/shared/_signup.html.erb
+++ b/app/views/shared/_signup.html.erb
@@ -1,4 +1,4 @@
-<span class="signup">
+<span class="signup pull-right">
   <% if current_user %>
     <% if !@user %>
       <%= link_to current_user.name, current_user.room_url %> |
@@ -9,21 +9,5 @@
   <% elsif @user %>
     <%= t('are_you', name: @user.username) %> |
     <%= link_to t('login'), "/auth/#{@user.provider}" %>
-  <% else %>
-    <% if omniauth_providers_configured.present? %>
-      <span class="signup-description hidden-xs">
-        <%= t('oauth_signup') %>
-      </span>
-    <% end %>
-    <% if omniauth_providers_configured(:twitter) %>
-      <%= link_to('/auth/twitter', :class => "btn icon btn-lg btn-social-icon btn-twitter") do %>
-        <span class="fa fa-twitter"></span>
-      <% end %>
-    <% end %>
-    <% if omniauth_providers_configured(:google) %>
-      <%= link_to('/auth/google', :class => "btn icon btn-lg btn-social-icon btn-google") do %>
-        <span class="fa fa-google"></span>
-      <% end %>
-    <% end %>
   <% end %>
 </span>
diff --git a/config/locales/en-us.yml b/config/locales/en-us.yml
index 6fc4a6ab..09ff4814 100644
--- a/config/locales/en-us.yml
+++ b/config/locales/en-us.yml
@@ -89,7 +89,6 @@ en-US:
       phrase1: "One of your recordings has just been made available."
       phrase2: "Access the following website to view it and publish to other users: %{url}"
       subject: "Your recording is ready!"
-  oauth_signup: Signup for customized meetings
   past_recordings: Past Recordings
   footer_html: "%{greenlight_link} build %{version}, Powered by %{bbb_link}"
   presentation: Presentation
@@ -97,6 +96,7 @@ en-US:
   published: Published
   return_to_room: Return to your personal room
   session_url_explanation: The meeting will be taking place using the following URL
+  signin_text: Log in with %{provider}
   signup_description: Login for customized sessions
   start: Start
   start_meeting: Start Meeting
