diff --git a/app/globals.css b/app/globals.css
index 449c304..9a76024 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -200,7 +200,7 @@
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+     
   }
   body {
     @apply bg-background text-foreground;
diff --git a/components/TestimonialPrompt.tsx b/components/TestimonialPrompt.tsx
index 6b5d873..260f18c 100644
--- a/components/TestimonialPrompt.tsx
+++ b/components/TestimonialPrompt.tsx
@@ -20,8 +20,12 @@ export default function TestimonialPrompt() {
       initial={{ opacity: 0, y: 40 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.4 }}
-      className="fixed bottom-20 right-3 z-50 bg-[#202029] hover:bg-[#19191f] text-white px-3 py-2 rounded-lg shadow-md w-[85vw] max-w-[300px] sm:px-4 sm:py-3"
-    >
+    className="fixed bottom-20 right-3 z-50 px-3 py-2 rounded-lg shadow-md w-[85vw] max-w-[300px] sm:px-4 sm:py-3"
+style={{
+  backgroundColor: "var(--card)",            // use card bg var
+  color: "var(--card-foreground)",            // use card fg var
+}}
+>
       <div className="relative">
         {/* Close Button */}
         <button