diff --git a/ui/src/app/applications/components/applications-restart-panel/applications-restart-panel.tsx b/ui/src/app/applications/components/applications-restart-panel/applications-restart-panel.tsx
index c58eb04afe8de..90934a38c3996 100644
--- a/ui/src/app/applications/components/applications-restart-panel/applications-restart-panel.tsx
+++ b/ui/src/app/applications/components/applications-restart-panel/applications-restart-panel.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {SlidingPanel, Spinner, ErrorNotification, NotificationType} from 'argo-ui';
+import {SlidingPanel, ErrorNotification, NotificationType} from 'argo-ui';
 import {Form, FormApi} from 'react-form';
 import {ProgressPopup} from '../../../shared/components';
 import {Consumer} from '../../../shared/context';
@@ -28,7 +28,7 @@ export const ApplicationsRestartPanel = ({show, apps, hide}: {show: boolean; app
                     onClose={hide}
                     header={
                         <div>
-                            <button className='argo-button argo-button--base' onClick={() => form.submitForm(null)}>
+                            <button className='argo-button argo-button--base' disabled={isRestartPending} onClick={() => form.submitForm(null)}>
                                 Restart
                             </button>{' '}
                             <button onClick={hide} className='argo-button argo-button--base-o'>