diff --git a/app/views/inbox/_entry.html.haml b/app/views/inbox/_entry.html.haml
index dd509f5b..2c54d5f1 100644
--- a/app/views/inbox/_entry.html.haml
+++ b/app/views/inbox/_entry.html.haml
@@ -1,4 +1,4 @@
-.card.inbox-box{class: "panel-#{i.new? ? 'primary' : 'default'}", data: { id: i.id }}
+.card.mb-3.inbox-box{class: "bg-#{i.new? ? 'primary' : 'default'}", data: { id: i.id }}
   .card-header
     .media
       - unless i.question.author_is_anonymous
diff --git a/app/views/inbox/_sidebar.html.haml b/app/views/inbox/_sidebar.html.haml
index 06c5f8dc..415bfd7f 100644
--- a/app/views/inbox/_sidebar.html.haml
+++ b/app/views/inbox/_sidebar.html.haml
@@ -1,11 +1,9 @@
-.card.inbox--panel
-  .card-header
-    %h3.card-title= t 'views.inbox.sidebar.questions.title'
+.card.mb-3.inbox--panel
+  .card-header= t 'views.inbox.sidebar.questions.title'
   .card-body
     %button.btn.btn-block.btn-info{type: :button, id: 'ib-generate-question'}= t 'views.inbox.sidebar.questions.button'
-.card.inbox--panel
-  .card-header
-    %h3.card-title= t 'views.inbox.sidebar.share.title'
+.card.mb-3.inbox--panel
+  .card-header= t 'views.inbox.sidebar.share.title'
   .card-body
     %a.btn.btn-block.btn-primary{target: '_blank', href: "https://twitter.com/intent/tweet?text=Ask%20me%20anything%21&url=#{show_user_profile_url(current_user.screen_name)}"}
       %i.fa.fa-fw.fa-twitter
@@ -13,17 +11,15 @@
     %a.btn.btn-block.btn-primary{target: '_blank', href: "http://www.tumblr.com/share/link?url=#{show_user_profile_url(current_user.screen_name)}&name=Ask%20me%20anything%21"}
       %i.fa.fa-fw.fa-tumblr
       = raw t('views.inbox.sidebar.share.button', service: "Tumblr")
-.card.inbox--panel
-  .card-header
-    %h3.card-title Show author
+.card.mb-3.inbox--panel
+  .card-header Show author
   .card-body
     %form#author_form
       = bootstrap_form_tag url: inbox_path, method: :get do |f|
         = f.text_field :author, value: params[:author], placeholder: "username", prepend: "@" , hide_label: true
-        = f.button "Show", name: nil, class: "btn btn-default btn-block btn-sm", id: "ib-author"
-.card.warning--panel
-  .card-header
-    %h3.card-title= t 'views.inbox.sidebar.actions.title'
+        = f.button "Show", name: nil, class: "btn btn-light btn-block btn-sm", id: "ib-author"
+.card.mb-3.warning--panel
+  .card-header= t 'views.inbox.sidebar.actions.title'
   .card-body
     %button.btn.btn-block.btn-danger{type: :button, id: @delete_id , disabled: (@disabled ? 'disabled' : nil), data: { ib_count: @inbox_count }}= t 'views.inbox.sidebar.actions.button'
 
diff --git a/app/views/layouts/inbox.haml b/app/views/layouts/inbox.haml
index 80848805..085b0aee 100644
--- a/app/views/layouts/inbox.haml
+++ b/app/views/layouts/inbox.haml
@@ -1,14 +1,11 @@
 .container.j2-page
   .row
-    .col-md-3.col-xs-12.col-sm-4.d-none.d-sm-block
+    .col-md-3.col-xs-12.col-sm-4.order-2.order-sm-1
       = render 'inbox/sidebar'
-    .col-md-9.col-xs-12.col-sm-8
+    .col-md-9.col-xs-12.col-sm-8.order-1.order-sm-2
       = render 'layouts/messages'
       = yield
 
-    .col-md-9.col-xs-12.col-sm-8.d-block.d-sm-none
-      = render 'inbox/sidebar'
-
 = render "shared/links"
 
 - Inbox.where(id: @inbox.ids).update_all(new: false)