diff --git a/packages/webui/src/client/styles/rundownView.scss b/packages/webui/src/client/styles/rundownView.scss
index cf4f94dea1..431c04bc57 100644
--- a/packages/webui/src/client/styles/rundownView.scss
+++ b/packages/webui/src/client/styles/rundownView.scss
@@ -3273,7 +3273,20 @@ svg.icon {
 		word-break: break-all;
 		white-space: normal;
 	}
-	.mini-inspector__value__right {
+	.mini-inspector__firstwords {
+		color: #ffffff;
+		font-weight: 200;
+		font-size: 0.8em;
+		letter-spacing: 0em;
+		line-height: 80%;
+		max-width: 60vw;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		word-break: break-all;
+		white-space: normal;
+	}
+	.mini-inspector__lastwords {
+		color: #ffffff;
 		font-weight: 200;
 		font-size: 0.8em;
 		letter-spacing: 0em;
diff --git a/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx b/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx
index 9cff821460..8966eaa98a 100644
--- a/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx
+++ b/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx
@@ -151,8 +151,8 @@ export const VTFloatingInspector: React.FC<IProps> = ({
 						<span className="mini-inspector__value">{content?.fileName}</span>
 					</div>
 					<div className="segment-timeline__mini-inspector__properties">
-						<span className="mini-inspector__value">{content?.firstWords}</span>
-						<span className="mini-inspector__value__right">{content?.lastWords}</span>
+						<span className="mini-inspector__firstwords">{content?.firstWords}</span>
+						<span className="mini-inspector__lastwords">{content?.lastWords}</span>
 					</div>
 				</>
 			)}