diff --git a/ui/core/talents/talents_picker.tsx b/ui/core/talents/talents_picker.tsx
index 010f8d4a3c..687e492b73 100644
--- a/ui/core/talents/talents_picker.tsx
+++ b/ui/core/talents/talents_picker.tsx
@@ -56,7 +56,7 @@ export class TalentsPicker<TalentsProto> extends Input<Player<Spec>, string> {
 
 		const actionsContainerRef = ref<HTMLDivElement>();
 		this.rootElem.appendChild(
-			<>
+			<div id="talents-carousel" className="carousel slide">
 				<div className="talents-picker-header">
 					<div>
 						<label>Points Remaining:</label>
@@ -64,6 +64,8 @@ export class TalentsPicker<TalentsProto> extends Input<Player<Spec>, string> {
 					</div>
 					<div className="talents-picker-actions" ref={actionsContainerRef}></div>
 				</div>
+				<div className="carousel-inner">
+				</div>
 				<div id="talents-carousel" className="carousel slide">
 					<div className="carousel-inner">
 					</div>
@@ -76,7 +78,7 @@ export class TalentsPicker<TalentsProto> extends Input<Player<Spec>, string> {
 						<span className="visually-hidden">Next</span>
 					</button>
 				</div>
-			</>
+			</div>
 		);
 
 		new CopyButton(actionsContainerRef.value!, {