2 files changed, 2 insertions, 34 deletions
diff --git a/src/zoom/App.tsx b/src/zoom/App.tsx
index d41dd7f..8ea3007 100644
--- a/src/zoom/App.tsx
+++ b/src/zoom/App.tsx
@@ -5,7 +5,7 @@ import FullText from "./FullText";
 import "./zoom.css";
 import { useZoom, ZoomProvider } from "./hooks/useZoom";
 import { NLP } from "sortug-ai";
-import { Loader2 } from "lucide-react";
+import { Spinner } from "@/components/ui/spinner";
 
 const App: React.FC = () => {
   const { viewState } = useZoom();
@@ -70,7 +70,7 @@ const App: React.FC = () => {
 
       <main>
         {isLoading ? (
-          <Loader2 />
+          <Spinner />
         ) : spacy ? (
           <FullText text={spacy.input} doc={spacy} stanza={stanza} />
         ) : (
diff --git a/src/zoom/zoom.css b/src/zoom/zoom.css
index 2c743bd..2887ca2 100644
--- a/src/zoom/zoom.css
+++ b/src/zoom/zoom.css
@@ -409,38 +409,6 @@ main {
   background-color: #e0e0e0;
 }
 
-/* Loaders */
-.spinner {
-  border: 4px solid rgba(0, 0, 0, 0.1);
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border-left-color: #09f;
-  margin: 5px auto;
-  animation: spin 1s ease infinite;
-}
-
-.mini-spinner {
-  display: inline-block;
-  border: 2px solid rgba(0, 0, 0, 0.1);
-  width: 12px;
-  height: 12px;
-  border-radius: 50%;
-  border-left-color: #09f;
-  margin: 0 3px;
-  animation: spin 1s ease infinite;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
 /* Responsive adjustments */
 @media (max-width: 768px) {