diff --git a/frontend/amundsen_application/static/js/components/TabsComponent/styles.scss b/frontend/amundsen_application/static/js/components/TabsComponent/styles.scss
index a52db39c95..2db399e180 100644
--- a/frontend/amundsen_application/static/js/components/TabsComponent/styles.scss
+++ b/frontend/amundsen_application/static/js/components/TabsComponent/styles.scss
@@ -3,18 +3,19 @@
 
 @import 'variables';
 
+$side-spacing: 12px;
+
 .tabs-component {
   .nav.nav-tabs {
     border-bottom: 1px solid $stroke;
     background-color: $white;
-    margin-top: 0;
-    padding: $spacer-2 $spacer-2 0 $spacer-2;
-    position: fixed;
+    margin-top: $spacer-2;
+    padding: 0 $side-spacing;
     width: 100%;
     z-index: 5;
 
     > li {
-      margin: 0 12px;
+      margin: 0 $side-spacing;
 
       &.active > a {
         &,
@@ -33,7 +34,7 @@
         color: $text-secondary;
         font-size: $font-size-large;
         margin: 0;
-        padding: 8px;
+        padding: $spacer-1;
 
         &:hover {
           color: $text-primary;
@@ -55,8 +56,6 @@
   }
 
   .tab-content {
-    margin-top: $tab-content-margin-top;
-
     .tab-pane {
       .list-group {
         margin-top: 0;
@@ -65,13 +64,23 @@
   }
 
   .main-content-panel & {
-    .tab-content .list-group-item {
-      &:hover {
-        z-index: 1;
-      }
+    .nav.nav-tabs {
+      margin-top: 0;
+      padding: $spacer-2 $spacer-2 0 $spacer-2;
+      position: fixed;
+    }
+
+    .tab-content {
+      margin-top: $tab-content-margin-top;
 
-      &:first-child {
-        border-top: none;
+      .list-group-item {
+        &:hover {
+          z-index: 1;
+        }
+
+        &:first-child {
+          border-top: none;
+        }
       }
     }
   }