Attempted other solution

Author: thatblindgeye

packages/react-core/src/components/Tabs/Tabs.tsx

@@ -360,10 +360,6 @@ class Tabs extends Component<TabsProps, TabsState> {
       currentLinkAccentStart: `${startValue}px`,
       ...(shouldInitializeStyle && { isInitializingAccent: true })
     });
-
-    requestAnimationFrame(() => {
-      this.setState({ isInitializingAccent: false });
-    });
   };
 
   handleResize = () => {
@@ -442,6 +438,13 @@ class Tabs extends Component<TabsProps, TabsState> {
     if (prevState.uncontrolledIsExpandedLocal !== this.state.uncontrolledIsExpandedLocal) {
       this.setAccentStyles(true);
     }
+
+    if (
+      (parseInt(prevState.currentLinkAccentLength) === 0 && parseInt(this.state.currentLinkAccentLength) !== 0) ||
+      prevState.currentLinkAccentStart !== this.state.currentLinkAccentStart
+    ) {
+      this.setState({ isInitializingAccent: false });
+    }
   }
 
   static getDerivedStateFromProps(nextProps: TabsProps, prevState: TabsState) {