diff --git a/src/shared/components/data-table-field.tsx b/src/shared/components/data-table-field.tsx
index ee1ac7e..f2ad8b7 100644
--- a/src/shared/components/data-table-field.tsx
+++ b/src/shared/components/data-table-field.tsx
@@ -304,6 +304,15 @@ export const DataTableField: React.FC<FieldProps> = props => {
   const handleEditSaveButton = () => setManualEntryMode(!manualEntryMode);
   const handleCollectButton = () => setShowSensor(!showSensor);
 
+  const handleDeleteDataTrial = (rowIdx: number) => {
+    confirm("Delete Trial?\n\nThis will delete the trial.", () => {
+      const newData = formData.slice();
+      newData[rowIdx] = {};
+      setFormData(newData);
+      saveData(newData);
+    });
+  };
+
   const onSensorRecordClick = (rowIdx: number) => {
     if (!sensorOutput.connected) {
       alert("Sensor not connected");
@@ -388,10 +397,11 @@ export const DataTableField: React.FC<FieldProps> = props => {
       }
     });
     const recordingTimeSeries = stopTimeSeriesFnRef.current !== undefined;
-    const rowActive = recordingTimeSeries ? (sensorCanRecord && timeSeriesRecordingRowRef.current === rowIdx) : sensorCanRecord;
+    let rowActive = recordingTimeSeries ? (sensorCanRecord && timeSeriesRecordingRowRef.current === rowIdx) : sensorCanRecord;
     const showStopButton = recordingTimeSeries && timeSeriesRecordingRowRef.current === rowIdx;
-    const iconName: IconName = sensorFieldsBlank ? (isTimeSeries ? "recordDataTrial" : "record") : (isTimeSeries ? (showStopButton ? "stopDataTrial" : "reRecordDataTrial") : "replay");
-    const onClick = rowActive ? (recordingTimeSeries ? onSensorStopTimeSeries.bind(null, formData) : onSensorRecordClick.bind(null, rowIdx)) : null;
+    const iconName: IconName = sensorFieldsBlank ? (isTimeSeries ? "recordDataTrial" : "record") : (isTimeSeries ? (showStopButton ? "stopDataTrial" : "deleteDataTrial") : "replay");
+    const onClick = iconName === "deleteDataTrial" ? handleDeleteDataTrial.bind(null, rowIdx) : (rowActive ? (recordingTimeSeries ? onSensorStopTimeSeries.bind(null, formData) : onSensorRecordClick.bind(null, rowIdx)) : null);
+    rowActive = iconName === "deleteDataTrial" ? true : rowActive;
     const refreshBtnCell = <td key="refreshBtn" className={`${css.refreshSensorReadingColumn} ${css.readOnly}`}>
       {
         anyNonFunctionSensorValues &&
diff --git a/src/shared/components/data-table-sparkgraph.tsx b/src/shared/components/data-table-sparkgraph.tsx
index 848951c..3dcb302 100644
--- a/src/shared/components/data-table-sparkgraph.tsx
+++ b/src/shared/components/data-table-sparkgraph.tsx
@@ -41,6 +41,8 @@ export default function DataTableSparkGraph({values, maxNumTimeSeriesValues}: IP
     if (capabilities) {
       const duration = Math.round((capabilities.measurementPeriod / 1000) * values.length);
       titleRef.current = `${duration} sec`;
+    } else {
+      titleRef.current = "";
     }
 
     const minValue = capabilities?.minValue ?? values.reduce((acc, cur) => Math.min(cur.value, acc), Infinity);
@@ -69,7 +71,7 @@ export default function DataTableSparkGraph({values, maxNumTimeSeriesValues}: IP
   }
 
   return (
-    <div title={titleRef.current} className={css.dataTableSparkgraph}>
+    <div className={css.dataTableSparkgraph}>
       <div>{titleRef.current}</div>
       <svg width="100%" height={outerHeight} viewBox={`0 0 ${outerWidth} ${outerHeight}`}>
         {polygonPoints.length > 0 && <polygon points={polygonPoints.join(" ")} />}
diff --git a/src/shared/components/icon.tsx b/src/shared/components/icon.tsx
index ef3b54d..13d145b 100644
--- a/src/shared/components/icon.tsx
+++ b/src/shared/components/icon.tsx
@@ -20,6 +20,7 @@ import Record from "../icons/record.svg";
 import RecordDataTrial from "../icons/record-data-trial.svg";
 import ReRecordDataTrial from "../icons/re-record-data-trial.svg";
 import StopDataTrial from "../icons/stop-data-trial.svg";
+import DeleteDataTrial from "../icons/delete-data-trial.svg";
 
 const Icons = {
   label: Label,
@@ -43,6 +44,7 @@ const Icons = {
   recordDataTrial: RecordDataTrial,
   reRecordDataTrial: ReRecordDataTrial,
   stopDataTrial: StopDataTrial,
+  deleteDataTrial: DeleteDataTrial
 };
 export type IconName = keyof typeof Icons;
 
diff --git a/src/shared/icons/delete-data-trial.svg b/src/shared/icons/delete-data-trial.svg
new file mode 100644
index 0000000..b6c1060
--- /dev/null
+++ b/src/shared/icons/delete-data-trial.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M14.488 1.75c.73 0 1.385.446 1.652 1.125l.707 1.795h4.286v1.777h-1.798l-.683 13.68a1.708 1.708 0 0 1-1.706 1.623h-9.9c-.91 0-1.66-.714-1.705-1.623l-.686-13.68H2.86V4.67l4.285-.001.708-1.795A1.776 1.776 0 0 1 9.505 1.75h4.983zm-5.19 7.189-1.605 1.604 2.728 2.728-2.674 2.674L9.35 17.55l2.674-2.675 2.621 2.622 1.605-1.605-2.62-2.622 2.673-2.673L14.7 8.992l-2.674 2.673L9.298 8.94zm5.189-5.413H9.505l-.45 1.144h5.883l-.451-1.144z" fill="#fff"/>
+    </g>
+</svg>