diff --git a/src/components/Post.vue b/src/components/Post.vue
index f5823b6..e4cc35f 100755
--- a/src/components/Post.vue
+++ b/src/components/Post.vue
@@ -2,11 +2,11 @@
   <nuxt-link
     class="z-index-3"
     data-blobity-magnetic="false"
-    data-blobity-offset-x="8"
-    data-blobity-offset-y="8"
+    data-blobity-offset-x="4"
+    data-blobity-offset-y="4"
     :to="`/blog/${slug}`"
   >
-    <div class="group post w-full text-justify">
+    <div class="group post w-full text-justify bg-white p-2 rounded-md dark:bg-black">
       <h1 class="font-black text-3xl duration-300" :class="getHoverColor">{{ $t(title) }}</h1>
       <h2 class="my-4 text-2xl text-gray-600 dark:text-gray-400">{{ $t(description) }}</h2>
       <div class="text-gray-700 dark:text-gray-300">
diff --git a/src/pages/newsletter.vue b/src/pages/newsletter.vue
index 7163151..ec9c575 100644
--- a/src/pages/newsletter.vue
+++ b/src/pages/newsletter.vue
@@ -18,9 +18,12 @@
             class="pl-4 pr-32 py-2 mt-1 block w-full border-gray-300 rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
           >
           <button
+            data-blobity-magnetic="false"
+            data-blobity-offset-x="2"
+            data-blobity-offset-y="2"
             @click.prevent="handleForm"
             v-if="form.email && form.email.length > 0"
-            class="button flex items-center justify-center px-8 py-1 font-bold bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 rounded hover:bg-gray-300 duration-300"
+            class="z-index-3 button flex items-center justify-center px-8 py-1 font-bold text-gray-900 dark:text-gray-100 rounded"
           >
             {{ $t('newsletter.subscribe') }}
           </button>