diff --git a/app/views/layouts/moderation.haml b/app/views/layouts/moderation.haml
index 59bb4fe9..761fae5f 100644
--- a/app/views/layouts/moderation.haml
+++ b/app/views/layouts/moderation.haml
@@ -1,4 +1,4 @@
-= render 'moderation/moderation_nav'
+= render 'navigation/moderation'
 .container.j2-page
   .row
     .col-md-3.col-sm-4.col-xs-12
diff --git a/app/views/moderation/_moderation_nav.html.haml b/app/views/moderation/_moderation_nav.html.haml
deleted file mode 100644
index d214c66a..00000000
--- a/app/views/moderation/_moderation_nav.html.haml
+++ /dev/null
@@ -1,14 +0,0 @@
-%nav.navbar.navbar-default.navbar-static-top.j2-navbar.d-flex.d-sm-none{role: "navigation"}
-  .container
-    %a.navbar-brand{href: moderation_path} Moderation
-    %button.navbar-toggler{"data-target" => "#j2-tl-navbar-collapse", "data-toggle" => "collapse", type: "button"}
-      %span.sr-only Toggle navigation
-      %span.navbar-toggler-icon
-    #j2-tl-navbar-collapse.collapse.navbar-collapse
-      %ul.nav.navbar-nav
-        = nav_entry t('views.moderation.tabs.all'), moderation_path
-        = nav_entry t('views.general.answer').pluralize(2)  ,     moderation_path('answer')
-        = nav_entry t('views.general.comment').pluralize(2),    moderation_path('comment')
-        = nav_entry t('views.general.user').pluralize(2)    ,       moderation_path('user')
-        = nav_entry t('views.general.question').pluralize(2),   moderation_path('question')
-        = nav_entry 'Priority',   moderation_priority_path
diff --git a/app/views/navigation/_moderation.haml b/app/views/navigation/_moderation.haml
new file mode 100644
index 00000000..e97f466d
--- /dev/null
+++ b/app/views/navigation/_moderation.haml
@@ -0,0 +1,13 @@
+%nav.navbar.navbar-light.bg-light.navbar-static-top.j2-navbar.d-flex.d-sm-none{role: "navigation"}
+  %a.navbar-brand{href: moderation_path} Moderation
+  %button.navbar-toggler{"data-target" => "#j2-tl-navbar-collapse", "data-toggle" => "collapse", type: "button"}
+    %span.sr-only Toggle navigation
+    %span.navbar-toggler-icon
+  #j2-tl-navbar-collapse.collapse.navbar-collapse
+    %ul.nav.navbar-nav
+      = nav_entry t('views.moderation.tabs.all'), moderation_path
+      = nav_entry t('views.general.answer').pluralize(2)  ,     moderation_path('answer')
+      = nav_entry t('views.general.comment').pluralize(2),    moderation_path('comment')
+      = nav_entry t('views.general.user').pluralize(2)    ,       moderation_path('user')
+      = nav_entry t('views.general.question').pluralize(2),   moderation_path('question')
+      = nav_entry 'Priority',   moderation_priority_path
diff --git a/app/views/tabs/_moderation.haml b/app/views/tabs/_moderation.haml
index d6615055..d8c83463 100644
--- a/app/views/tabs/_moderation.haml
+++ b/app/views/tabs/_moderation.haml
@@ -1,4 +1,4 @@
-.card.hidden-xs
+.card.d-none.d-sm-block
   .list-group
     = list_group_item t('views.moderation.tabs.all'), moderation_path
     = list_group_item t('views.general.answer').pluralize(2),     moderation_path('answer')