diff --git a/src/app/components/Alert/Alert.tsx b/src/app/components/Alert/Alert.tsx
index b32b02d5..8260fca6 100644
--- a/src/app/components/Alert/Alert.tsx
+++ b/src/app/components/Alert/Alert.tsx
@@ -6,14 +6,14 @@ type AlertProperties = HTMLAttributes<HTMLElement> & {
 
 const AlertSuccess = (properties: HTMLAttributes<HTMLElement>): JSX.Element => (
   <div
-    className="border-t border-theme-primary-600 bg-theme-primary-100 text-theme-primary-700 text-sm px-8 py-3"
+    className="border-t border-theme-primary-600 bg-theme-primary-100 text-theme-primary-700 text-sm px-8 py-3 dark:bg-theme-primary-650/20 dark:text-theme-primary-600 dark:border-theme-primary-650"
     {...properties}
   />
 );
 
 const AlertError = (properties: HTMLAttributes<HTMLElement>): JSX.Element => (
   <div
-    className="border-t border-theme- bg-theme-error-100 text-theme-error-700 text-sm px-8 py-3"
+    className="border-t border-t-theme-error-700 bg-theme-error-100 text-theme-error-700 text-sm px-8 py-3 dark:bg-theme-error-800/20 dark:text-theme-error-500 dark:border-t-theme-error-700"
     {...properties}
   />
 );
diff --git a/src/app/components/Spinner/Spinner.tsx b/src/app/components/Spinner/Spinner.tsx
index 4298ddb3..f1fcb9e9 100644
--- a/src/app/components/Spinner/Spinner.tsx
+++ b/src/app/components/Spinner/Spinner.tsx
@@ -4,7 +4,7 @@ import SpinnerIcon from "@/public/icons/spinner.svg";
 export const Spinner = ({ className }: { className?: string }) => (
   <SpinnerIcon
     className={twMerge(
-      "animate-spin w-4 text-theme-primary-700 dark:text-primary-650 fill-theme-gray-100 dark:fill-subtle-black",
+      "animate-spin w-4 text-theme-primary-700 dark:text-primary-650 fill-theme-gray-100 dark:fill-theme-gray-700",
       className,
     )}
   />