diff --git a/frontend/src/assets/spinner-dark.svg b/frontend/src/assets/spinner-dark.svg
new file mode 100644
index 0000000..b7f1eae
--- /dev/null
+++ b/frontend/src/assets/spinner-dark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/assets/spinner.svg b/frontend/src/assets/spinner.svg
index 64b815a..d2423d8 100644
--- a/frontend/src/assets/spinner.svg
+++ b/frontend/src/assets/spinner.svg
@@ -1,9 +1 @@
-
+
\ No newline at end of file
diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index f09ec08..09a49d9 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -14,6 +14,7 @@ import {
import Send from './../assets/send.svg';
import SendDark from './../assets/send_dark.svg';
import Spinner from './../assets/spinner.svg';
+import SpinnerDark from './../assets/spinner-dark.svg'
import { FEEDBACK, Query } from './conversationModels';
import { sendFeedback } from './conversationApi';
import ArrowDown from './../assets/arrow-down.svg';
@@ -56,7 +57,7 @@ export default function Conversation() {
setHasScrolledToLast(entry.isIntersecting);
});
};
-
+
const observer = new IntersectionObserver(observerCallback, {
root: null,
threshold: [1, 0.8],
@@ -193,8 +194,8 @@ export default function Conversation() {
>
{status === 'loading' ? (
) : (