diff --git a/src/lib/components/AI/AIButton/CustomPromptBtn.svelte b/src/lib/components/AI/AIButton/CustomPromptBtn.svelte
index 6f06f722..bebf8b62 100644
--- a/src/lib/components/AI/AIButton/CustomPromptBtn.svelte
+++ b/src/lib/components/AI/AIButton/CustomPromptBtn.svelte
@@ -51,7 +51,7 @@
 <div class="{className} relative z-[100]">
   <IconButton
     contained={true}
-    color="text-primary-700 dark:bg-neutral-800"
+    color="text-primary-700 dark:bg-neutral-500 dark:text-white"
     size="large"
     onClick={() => (openPopover = !openPopover)}
   >
diff --git a/src/lib/components/Buttons/Close/index.svelte b/src/lib/components/Buttons/Close/index.svelte
index 7404fdb8..932fe127 100644
--- a/src/lib/components/Buttons/Close/index.svelte
+++ b/src/lib/components/Buttons/Close/index.svelte
@@ -4,7 +4,7 @@
 
   export let onClick;
   export let contained;
-  export let color = 'text-primary-700 bg-primary-200 dark:bg-gray-500';
+  export let color = 'text-primary-700 bg-primary-200 dark:bg-neutral-500';
   export let size = 'small';
 </script>
 
diff --git a/src/lib/components/Modal/index.svelte b/src/lib/components/Modal/index.svelte
index 318232fa..01dfe7e3 100644
--- a/src/lib/components/Modal/index.svelte
+++ b/src/lib/components/Modal/index.svelte
@@ -31,7 +31,7 @@
     <div
       class="{maxWidth || 'container'} {size === 'sm'
         ? 'small'
-        : ''} bg-white dark:bg-black mx-auto {width} shadow-lg p-5 pt-2 rounded-md"
+        : ''} bg-white dark:bg-neutral-800 mx-auto {width} shadow-lg p-5 pt-2 rounded-md"
       on:click={(e) => e.stopPropagation()}
       role="presentation"
     >