diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index bbfe2bba4..e05a87ec7 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -19,17 +19,8 @@ import { FetchStatus, useApiHost, useEvent, useDelete, useRetain } from '../api'
 const ActionButtonGroup = ({ className, isRetained, handleClickRetain, handleClickDelete, close }) => (
   <div className={`space-y-2 space-x-2 sm:space-y-0 xs:space-x-4 ${className}`}>
     <Button className="xs:w-auto" color={isRetained ? 'red' : 'yellow'} onClick={handleClickRetain}>
-      {isRetained ? (
-        <Fragment>
-          <StarRecording className="w-6" />
-          Un-retain event
-        </Fragment>
-      ) : (
-        <Fragment>
-          <StarRecording className="w-6" />
-          Retain event
-        </Fragment>
-      )}
+      <StarRecording className="w-6" />
+      {isRetained ? ("Un-retain event") : ("Retain event")}
     </Button>
     <Button className="xs:w-auto" color="red" onClick={handleClickDelete}>
       <Delete className="w-6" /> Delete event
@@ -95,7 +86,6 @@ export default function Event({ eventId, close, scrollRef }) {
 
       if (success) {
         setIsRetained(!isRetained);
-      } else {
       }
     } catch (e) {