diff --git a/src/library-authoring/components/ComponentDeleter.tsx b/src/library-authoring/components/ComponentDeleter.tsx
index 2cc9b5558..7004c5301 100644
--- a/src/library-authoring/components/ComponentDeleter.tsx
+++ b/src/library-authoring/components/ComponentDeleter.tsx
@@ -1,10 +1,5 @@
 import React, { useCallback, useContext } from 'react';
 import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
-import {
-  ActionRow,
-  AlertModal,
-  Button,
-} from '@openedx/paragon';
 import { Warning } from '@openedx/paragon/icons';
 
 import { useLibraryContext } from '../common/context';
@@ -46,7 +41,7 @@ const ComponentDeleter = ({ usageKey, ...props }: Props) => {
   const restoreComponentMutation = useRestoreLibraryBlock();
   const restoreComponent = useCallback(async () => {
     try {
-      await restoreComponentMutation.mutateAsync({ usageKey })
+      await restoreComponentMutation.mutateAsync({ usageKey });
       showToast(intl.formatMessage(messages.undoDeleteComponentToastSuccess));
     } catch (e) {
       showToast(intl.formatMessage(messages.undoDeleteComponentToastFailed));
@@ -81,14 +76,16 @@ const ComponentDeleter = ({ usageKey, ...props }: Props) => {
       variant="warning"
       title={intl.formatMessage(messages.deleteComponentWarningTitle)}
       icon={Warning}
-      description={<FormattedMessage
-        {...messages.deleteComponentConfirm}
-        values={{
-          componentName: (
-            <strong><BlockName usageKey={usageKey} /></strong>
-          ),
-        }}
-      />}
+      description={(
+        <FormattedMessage
+          {...messages.deleteComponentConfirm}
+          values={{
+            componentName: (
+              <strong><BlockName usageKey={usageKey} /></strong>
+            ),
+          }}
+        />
+)}
       onDeleteSubmit={doDelete}
     />
   );