For anyone stuck on this issue, i managed to find a work around

// Recalculate the sections after all have been rendered
 // DEV NOTE: This is to prevent multi-step styling being off
 private async _recalculateTabGroupLayout()
 {
     await this.updateComplete;

     const tabGroup = this.shadowRoot?.querySelector('uui-tab-group') as any;
     if (tabGroup)
     {
         if (typeof tabGroup.requestUpdate === 'function')
         {
             tabGroup.requestUpdate();
         }
     }
 }