diff --git a/services/web/frontend/js/features/chat/components/chat-pane.js b/services/web/frontend/js/features/chat/components/chat-pane.js
index 1343369354..768fc9a76f 100644
--- a/services/web/frontend/js/features/chat/components/chat-pane.js
+++ b/services/web/frontend/js/features/chat/components/chat-pane.js
@@ -71,7 +71,7 @@ const ChatPane = React.memo(function ChatPane() {
       >
         <div>
           <h2 className="sr-only">{t('chat')}</h2>
-          {status === 'pending' && <LoadingSpinner />}
+          {status === 'pending' && <LoadingSpinner delay={500} />}
           {shouldDisplayPlaceholder && <Placeholder />}
           <MessageList
             messages={messages}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js
index 61d692ba0a..cf5e7d880a 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.js
@@ -27,7 +27,7 @@ function PdfPreviewPane() {
 function LoadingPreview() {
   return (
     <div className="pdf-loading-spinner-container">
-      <LoadingSpinner />
+      <LoadingSpinner delay={500} />
     </div>
   )
 }
diff --git a/services/web/frontend/js/shared/components/loading-spinner.js b/services/web/frontend/js/shared/components/loading-spinner.js
index d750bd3876..79d4847edf 100644
--- a/services/web/frontend/js/shared/components/loading-spinner.js
+++ b/services/web/frontend/js/shared/components/loading-spinner.js
@@ -3,7 +3,7 @@ import Icon from './icon'
 import { useEffect, useState } from 'react'
 import PropTypes from 'prop-types'
 
-function LoadingSpinner({ delay = 500 }) {
+function LoadingSpinner({ delay = 0 }) {
   const { t } = useTranslation()
 
   const [show, setShow] = useState(false)