diff --git a/client/src/components/sessions/SessionRaiseBreakdown.tsx b/client/src/components/sessions/SessionRaiseBreakdown.tsx
index 3efd28d01..feccdbc57 100644
--- a/client/src/components/sessions/SessionRaiseBreakdown.tsx
+++ b/client/src/components/sessions/SessionRaiseBreakdown.tsx
@@ -556,7 +556,12 @@ function PseudHighlight({
 				/>
 			) : (
 				<span className="breakdown-hover-highlight-button">
-					<Icon onClick={() => setHighlight(true)} type="star" regular noPad />
+					<Icon
+						onClick={() => setHighlight(true)}
+						type="star"
+						regular
+						style={{ paddingTop: "0.1rem" }}
+					/>
 				</span>
 			)}
 		</td>
diff --git a/client/src/components/tables/dropdowns/components/DocumentComponent.tsx b/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
index c3adb0a7b..f3b04ce2b 100644
--- a/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
+++ b/client/src/components/tables/dropdowns/components/DocumentComponent.tsx
@@ -66,7 +66,11 @@ export default function DocumentComponent({
 	chart,
 }: {
 	score: ScoreDocument | PBScoreDocument;
-	scoreState: { highlight: boolean; setHighlight: SetState<boolean> };
+	scoreState: {
+		highlight: boolean;
+		setHighlight: SetState<boolean>;
+		setComment?: SetState<string | null>;
+	};
 	renderScoreInfo?: boolean;
 	showSingleScoreNote?: boolean;
 	pbData: UGPTChartPBComposition;
@@ -88,6 +92,11 @@ export default function DocumentComponent({
 		setComment(IsScore(score) ? score.comment : null);
 	}, [score]);
 
+	useEffect(() => {
+		// what kind of crack was i smoking here?
+		scoreState.setComment?.(comment);
+	}, [comment]);
+
 	return (
 		<>
 			<div className="col-9">