diff --git a/css/area_nav-metabox.less b/css/area_nav-metabox.less
index e3b8616..a5f9ef4 100755
--- a/css/area_nav-metabox.less
+++ b/css/area_nav-metabox.less
@@ -6,12 +6,13 @@
     max-width: 40%;
     min-height: @page-header_height;
     border: 1px solid transparent;
-    margin-top: @page_padding-top * -1; // reverse padding-top of .page container
+    margin-top: (@page_padding-top * -1); // reverse padding-top of .page container
+    margin-right: -1px;
     padding-top: 1rem;
 
     @media @screen_max-md {
         position: relative;
-        top: -.5rem;
+        top: -1.1rem;
         right: auto;
         float: none;
         display: block;
@@ -19,7 +20,10 @@
     }
 
     .tab-container {
-        @media @screen_max-md{
+        display: table;
+
+        @media @screen_max-md {
+            display: block;
             width: 100%;
         }
     }
@@ -33,20 +37,23 @@
     ul.meta-tabs {
         list-style: none;
         line-height: 160%;
+        text-align: right; // right-aligned
         white-space: nowrap;
+        background-color: @background_page-header;
         margin: 0;
         padding: 0;
 
         @media @screen_max-md {
             background-color: #fff;
+            margin-top: 3px;
         }
 
         &::before,
         &::after {
-            display: table;
-            content: " ";
-            box-sizing: border-box;
+            content: '';
             clear: both;
+            display: table;
+            box-sizing: border-box;
         }
 
         > li:first-child {
@@ -60,6 +67,10 @@
             position: relative;
             display: inline-block;
 
+            @media @screen_max-md {
+                margin-left: .2rem;
+            }
+
             > a {
                 cursor: pointer;
                 position: relative;
@@ -75,7 +86,8 @@
                 margin-left: 4px;
                 transition: @transition color, @transition background-color, @transition border-color;
 
-                @media @screen_max-md{
+                @media @screen_max-md {
+                    top: -1px;
                     padding: .2em .3rem .1em;
                     margin-left: 0;
                 }
@@ -118,18 +130,28 @@
                     border-color: @color-link;
                     border-bottom-color: @color-content-bg;
                     color: @color-link;
-
-                    @media @screen_max-md {
-                        top: -1px;
-                    }
                 }
             }
         }
     }
 
     .meta-content {
-        margin-right: 1px;
-        margin-top: -1px;
+        @media @screen_min-xlg {
+            margin-top: -1px;
+        }
+
+        @media @screen_max-lg {
+            margin-top: -.1rem;
+        }
+
+        @media @screen_max-md {
+            clear: both;
+            margin-top: -2px;
+        }
+
+        @media @screen_max-xs {
+            margin-top: -1px;
+        }
 
         .tab-pane {
             position: absolute;
@@ -137,29 +159,23 @@
             right: 0;
             display: none;
             width: 100%;
-            min-width: 20em;
             background-color: @color-content-bg;
             border: 1px solid @color-link;
             border-radius: 0 0 @fix_border-radius @fix_border-radius;
 
-            @media @screen_min-xxlg {
+            @media @screen_min-xs {
+                min-width: 20em;
+            }
+
+            &::before {
+                content: '';
+                position: absolute;
                 top: -1px;
-            }
-
-            @media @screen_max-xxlg {
-                top: 0;
-            }
-
-            @media @screen_max-xlg {
-                top: 0;
-            }
-
-            @media @screen_max-lg {
-                top: -1px;
-            }
-
-            @media @screen_max-md {
-                top: -2px;
+                left: 0;
+                z-index: 0;
+                width: 100%;
+                height: 1px;
+                background-color: @color-link;
             }
 
             &.active {
@@ -245,20 +261,4 @@
         clear: right;
         margin-top: 20px;
     }
-
-    @media @screen_max-md {
-        .tab-container {
-            display: block;
-        }
-
-        ul.meta-tabs {
-            > li > a {
-                margin-left: 0;
-            }
-        }
-
-        .meta-content {
-            clear: both;
-        }
-    }
 }