From 2a4774702bcfd64057453ab434e66fed18cc9932 Mon Sep 17 00:00:00 2001
From: Kayla Glick <12898988+kayla-glick@users.noreply.github.com>
Date: Sun, 18 Feb 2024 12:21:59 -0500
Subject: [PATCH] Small tweak to remaining points (#4220)

* add points remaining and copy to talents

* move points remaining inside carousel
---
 ui/core/talents/talents_picker.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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!, {