diff --git a/src/components/Post.vue b/src/components/Post.vue
index 287bd4a..dde4df9 100755
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -1,6 +1,6 @@
 <template>
   <nuxt-link :to="`/blog/${slug}`" rel="noreferrer noopener">
-    <div class="rounded-lg shadow-xl h-116 w-full lg:w-100 text-left bg-gray-100 dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
+    <div class="rounded-lg dark:shadow-white shadow-xl h-116 w-full lg:w-100 text-left bg-gray-100 dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
       <div class="h-2/5 post rounded-t-lg"
            :style="{ backgroundImage: `url(${getCover})` }">
       </div>
diff --git a/src/components/Project.vue b/src/components/Project.vue
index f061c6b..b3809ee 100755
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -1,6 +1,6 @@
 <template>
   <a :href="url" target="_blank" rel="noopener noreferrer">
-    <div class="rounded-lg shadow-xl h-92 w-full lg:w-84 text-left bg-gray-100 dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
+    <div class="rounded-lg dark:shadow-white shadow-xl h-92 w-full lg:w-84 text-left bg-gray-100 dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
       <div class="h-1/2 w-full h-2/5 project rounded-t-lg"
            :style="{ backgroundImage: `url(${getCover})` }">
       </div>