diff --git a/packages/ui/components/SingleResponseCard/components/SingleResponseCardHeader.tsx b/packages/ui/components/SingleResponseCard/components/SingleResponseCardHeader.tsx
index 6c55823687..d2e4f32379 100644
--- a/packages/ui/components/SingleResponseCard/components/SingleResponseCardHeader.tsx
+++ b/packages/ui/components/SingleResponseCard/components/SingleResponseCardHeader.tsx
@@ -198,22 +198,27 @@ export const SingleResponseCardHeader = ({
           <time className="text-slate-500" dateTime={timeSince(response.createdAt.toISOString())}>
             {timeSince(response.createdAt.toISOString())}
           </time>
-          {user && !isViewer && (
-            <TooltipRenderer shouldRender={!canResponseBeDeleted} tooltipContent={deleteSubmissionToolTip}>
+          {user &&
+            !isViewer &&
+            (canResponseBeDeleted ? (
               <TrashIcon
-                onClick={() => {
-                  if (canResponseBeDeleted) {
-                    setDeleteDialogOpen(true);
-                  }
-                }}
-                className={`h-4 w-4 ${
-                  canResponseBeDeleted
-                    ? "cursor-pointer text-slate-500 hover:text-red-700"
-                    : "cursor-not-allowed text-slate-400"
-                } `}
+                onClick={() => setDeleteDialogOpen(true)}
+                className="h-4 w-4 cursor-pointer text-slate-500 hover:text-red-700"
+                aria-label="Delete response"
               />
-            </TooltipRenderer>
-          )}
+            ) : (
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger>
+                    <TrashIcon
+                      className="h-4 w-4 cursor-not-allowed text-slate-400"
+                      aria-label="Cannot delete response in progress"
+                    />
+                  </TooltipTrigger>
+                  <TooltipContent side="left">{deleteSubmissionToolTip}</TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            ))}
         </div>
       </div>
     </div>