diff --git a/src/components/Blog/design3/index.js b/src/components/Blog/design3/index.js
index 16a4441..6eb5b94 100644
--- a/src/components/Blog/design3/index.js
+++ b/src/components/Blog/design3/index.js
@@ -22,14 +22,14 @@ const BlogDesign3 = ({
       }}
     >
       {/* <img src={blogFeaturedImage2} alt="" /> */}
-      <div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20">
+      <div className="w-full mx-auto p-4 rounded-lg shadow-md bg-surface transform translate-y-20">
         {blogTitle && (
-          <h2 className="text-[#646464] text-base text-justify font-sansbold leading-6">
+          <h2 className="text-primaryText text-base text-justify font-bold leading-6">
             {blogTitle}
           </h2>
         )}
         {blogSubTitle && (
-          <h2 className="text-[#646464] text-base mt-2 font-sansbold leading-6">
+          <h2 className="text-primaryText text-base mt-2 font-bold leading-6">
             شما چه فکری می کنید
           </h2>
         )}
@@ -46,7 +46,7 @@ const BlogDesign3 = ({
               <CommentIcon
                 commentClassName="w-7"
                 commentNum={"26"}
-                className="w-5 h-5 bg-[#818181] text-white text-[10px] font-sansbold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
+                className="w-5 h-5 bg-primaryText text-white text-[10px] font-bold absolute top-0 right-0 transform translate-x-1 -translate-y-2"
               />
             </div>
           )}