diff --git a/awx/ui_next/src/components/RoutedTabs/RoutedTabs.jsx b/awx/ui_next/src/components/RoutedTabs/RoutedTabs.jsx
index 958c262484..d6c83dce3f 100644
--- a/awx/ui_next/src/components/RoutedTabs/RoutedTabs.jsx
+++ b/awx/ui_next/src/components/RoutedTabs/RoutedTabs.jsx
@@ -19,7 +19,7 @@ const Tabs = styled(PFTabs)`
     }
   }
 
-  &::before {
+  &:not(.pf-c-tabs__item)::before {
     position: absolute;
     top: 0;
     right: 0;
@@ -30,12 +30,6 @@ const Tabs = styled(PFTabs)`
     border-width: var(--pf-c-tabs__item--BorderWidth) 0
       var(--pf-c-tabs__item--BorderWidth) 0;
   }
-
-  // The above pseudo element is being applied to the tab items as well
-  // I couldn't figure out how to only apply it to .pf-c-tabs
-  .pf-c-tabs__item::before {
-    content: none;
-  }
 `;
 
 function RoutedTabs(props) {