diff --git a/src/components/RegressionMockup.tsx b/src/components/RegressionMockup.tsx
index 5f10b4e..c164451 100644
--- a/src/components/RegressionMockup.tsx
+++ b/src/components/RegressionMockup.tsx
@@ -65,8 +65,8 @@ export default function RegressionMockup() {
       <div className="self-center">
         <h3 className="font-semibold">Recording:</h3>
         <RecordingDisplay recordingId={recordingId} recordingURL={recordingURL}></RecordingDisplay>
-        <h3 className="font-semibold mt-4">Compared With:</h3>
-        <div>
+        <h3 className="font-semibold mt-4">Compared with:</h3>
+        <span>
           {mainBranchResults.map((result, index) => (
             <span key={index}>
               <RecordingDisplay 
@@ -76,7 +76,7 @@ export default function RegressionMockup() {
               {index < mainBranchResults.length - 1 ? ', ' : ''}
             </span>
           ))}
-        </div>
+        </span>
       </div>
       <div className="m-4 overflow-y-auto">
         {summaries.map((summary, index) => {
diff --git a/src/components/performance/RecordingDisplay.tsx b/src/components/performance/RecordingDisplay.tsx
index c8c7cfc..29ca0ca 100644
--- a/src/components/performance/RecordingDisplay.tsx
+++ b/src/components/performance/RecordingDisplay.tsx
@@ -14,7 +14,6 @@ export function RecordingDisplay({ recordingId, recordingURL }: RecordingDisplay
 
   return (
     <div className="RecordingInfo">
-      Recording: &nbsp;
       <RecordingLink
         className="DefaultRecordingLink"
         text={`Recording of ${name}`}