diff --git a/src/components/blog/index.jsx b/src/components/blog/index.jsx
index 6d2d865..5f05bc7 100644
--- a/src/components/blog/index.jsx
+++ b/src/components/blog/index.jsx
@@ -183,7 +183,7 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
               <div
                 className={`card compact bg-base-100 ${
                   loading || (articles && articles.length)
-                    ? 'card compact shadow bg-opacity-40'
+                    ? 'shadow bg-opacity-40'
                     : 'shadow-lg'
                 }`}
               >
diff --git a/src/components/external-project/index.jsx b/src/components/external-project/index.jsx
index 331feb5..3221d25 100644
--- a/src/components/external-project/index.jsx
+++ b/src/components/external-project/index.jsx
@@ -134,7 +134,7 @@ const ExternalProject = ({ externalProjects, loading, googleAnalytics }) => {
         <div className="col-span-1 lg:col-span-2">
           <div className="grid grid-cols-2 gap-6">
             <div className="col-span-2">
-              <div className="card compact bg-gradient-to-br to-base-200 from-base-100 shadow">
+              <div className="card compact bg-base-100 shadow bg-opacity-40">
                 <div className="card-body">
                   <div className="mx-3 flex items-center justify-between mb-2">
                     <h5 className="card-title">