diff --git a/src/components/astro/features/BasicFeatures.astro b/src/components/astro/features/BasicFeatures.astro
index 7b63e81..1b6a025 100644
--- a/src/components/astro/features/BasicFeatures.astro
+++ b/src/components/astro/features/BasicFeatures.astro
@@ -16,7 +16,7 @@
           dolore eu fugiat nulla pariatur excepteur sint occaecat cupidatat.</p>
       </div>
       <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 items-start my-12 dark:text-white">
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">
@@ -36,7 +36,7 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
           </p>
         </div>
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">
@@ -57,7 +57,7 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
           </p>
         </div>
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">
@@ -77,7 +77,7 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
           </p>
         </div>
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">
@@ -98,7 +98,7 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
           </p>
         </div>
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">
@@ -118,7 +118,7 @@
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
           </p>
         </div>
-        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl">
+        <div class="relative flex flex-col p-6 bg-white dark:bg-slate-900 rounded shadow-xl dark:border dark:border-slate-800">
           <div class="flex items-center mb-4">
             <svg class="w-12 h-12 p-1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
               <g fill="none" fill-rule="evenodd">