diff --git a/frontend/src/app/blog/page.tsx b/frontend/src/app/blog/page.tsx
index a6224e6..1ea9991 100644
--- a/frontend/src/app/blog/page.tsx
+++ b/frontend/src/app/blog/page.tsx
@@ -88,7 +88,7 @@ export default async function BlogList() {
                   <h3 className="text-lg font-bold mb-2 text-primary">
                     {article.title}
                   </h3>
-                  <p className="text-sm text-primary">{article.description}</p>
+                  <p className="text-sm dark:text-gray-300 text-primary">{article.description}</p>
                 </div>
                 <div className="flex justify-end">
                   <p className={`mt-4 text-sm font-semibold`}>{article.time}</p>
diff --git a/frontend/src/app/portfolio/page.tsx b/frontend/src/app/portfolio/page.tsx
index 96d1d81..ab27677 100644
--- a/frontend/src/app/portfolio/page.tsx
+++ b/frontend/src/app/portfolio/page.tsx
@@ -200,7 +200,7 @@ export default async function Portfolio() {
                 Ameya Shenoy
               </div>
             </div>
-            <div className="text-gray-500 dark:text-gray-100 text-lg pb-10">
+            <div className="text-gray-500 dark:text-gray-300 text-lg pb-10">
               <div className="flex items-center pb-2">
                 <MapPin className="stroke-1 text-red-500" />
                 <span className="pl-2">Based in India</span>
@@ -243,7 +243,7 @@ export default async function Portfolio() {
                 <p className="text-xl">{job.tenure}</p>
               </div>
               <p className="text-2xl text-red-500 pb-5">{job.title}</p>
-              <p className="text-gray-500 dark:text-gray-100 text-justify text-xl/8 pb-8">
+              <p className="text-gray-500 dark:text-gray-300 text-justify text-xl/8 pb-8">
                 {job.summary}
               </p>
             </div>
@@ -264,7 +264,7 @@ export default async function Portfolio() {
                   <p className="text-2xl text-red-500">{project.name}</p>
                 </Link>
               </div>
-              <p className="text-gray-500 dark:text-gray-100 text-justify text-xl/8 pb-8">
+              <p className="text-gray-500 dark:text-gray-300 text-justify text-xl/8 pb-8">
                 {project.summary}
               </p>
             </div>
@@ -274,8 +274,8 @@ export default async function Portfolio() {
         <div className="md:w-[40vw] w-[95vw] md:min-w-3xl">
           <div className="text-3xl pb-10 gap-10">Key Skills</div>
           <div className="grid grid-cols-1 md:grid-cols-2">
-            {Object.entries(skills).map(([_, sideMap]) => (
-              <div>
+            {Object.entries(skills).map(([side, sideMap]) => (
+              <div key={side}>
                 {Object.entries(sideMap).map(([topic, skillsMap]) => (
                   <div key={topic}>
                     <div className="text-xl pb-5">{topic}</div>
@@ -299,6 +299,9 @@ export default async function Portfolio() {
             ))}
           </div>
         </div>
+        <div className="flex justify-center pt-20 text-2xl md:text-3xl pb-5">
+          <Socials />
+        </div>
       </div>
     </main>
   );