diff --git a/src/components/Feedback/index.js b/src/components/Feedback/index.js
index 3e4d9c2..1c8fcbd 100644
--- a/src/components/Feedback/index.js
+++ b/src/components/Feedback/index.js
@@ -9,16 +9,16 @@ const Feedback = ({ feedbakTitle, feedbacks }) => {
     <sections
       className={`relative flex-col items-center ${
         closeModal ? "hidden" : "flex"
-      } justify-center mx-auto my-20 px-4 bg-white rounded shadow-sm border border-gray-500`}
+      } justify-center mx-auto my-20 px-4 bg-white rounded shadow-sm border border-surfaceBorder`}
       // style={{ display: closeModal ? "none" : "" }}
     >
       <div
-        className="p-2 absolute -top-5 right-10 bg-red-500 rounded-full cursor-pointer"
+        className="p-2 absolute -top-5 right-10 bg-error rounded-full cursor-pointer"
         onClick={() => setCloseModal(true)}
       >
         <img src="images/card-remove.svg" alt="remove" className="w-5" />
       </div>
-      <h2 className="mt-10 text-[#132F52]">{feedbakTitle}</h2>
+      <h2 className="mt-10 text-primaryText">{feedbakTitle}</h2>
       <div className="flex flex-row justify-between">
         {feedbacks.map((item, index) => (
           <div
@@ -62,7 +62,7 @@ const Feedback = ({ feedbakTitle, feedbacks }) => {
       ></textarea>
       <Button
         text={"ارسال"}
-        className="self-end my-5 ml-4 px-8 py-2 bg-[#246E8A] text-white rounded "
+        className="self-end my-5 ml-4 px-8 py-2 bg-primary hover:bg-primaryDark text-white rounded "
       />
     </sections>
   );