diff --git a/apps/blog/src/components/Footer/Footer.tsx b/apps/blog/src/components/Footer/Footer.tsx
index 31fdb92..eb528a3 100644
--- a/apps/blog/src/components/Footer/Footer.tsx
+++ b/apps/blog/src/components/Footer/Footer.tsx
@@ -87,7 +87,7 @@ export const Footer = () => {
         <NewsletterForm />
       </div>
       <div
-        className="main-footer bg-gray-50 dark:bg-[#090808] transform"
+        className="main-footer bg-gray-50 dark:bg-black transform"
         aria-labelledby="footer-heading"
       >
         <h2 id="footer-heading" className="sr-only">
diff --git a/apps/blog/src/pages/index.tsx b/apps/blog/src/pages/index.tsx
index 7e5301e..73eff16 100644
--- a/apps/blog/src/pages/index.tsx
+++ b/apps/blog/src/pages/index.tsx
@@ -120,8 +120,7 @@ const Home: NextPage<HomeProps> = ({ articles, notes, ghProjects, fallback, proj
                 src="/images/david-dias-round.jpg"
                 width={250}
                 height={250}
-                alt="Photo of David Dias"
-                priority={true}
+                alt="Photo of David Dias in black and white"
                 style={{
                   maxWidth: '100%',
                   height: 'auto',
diff --git a/apps/blog/src/styles/globals.css b/apps/blog/src/styles/globals.css
index 9228a03..96f3fa7 100755
--- a/apps/blog/src/styles/globals.css
+++ b/apps/blog/src/styles/globals.css
@@ -55,7 +55,7 @@ h6 {
 }
 
 .small-title {
-  @apply text-sm font-title font-semibold text-gray-400 tracking-wider uppercase my-2;
+  @apply text-sm font-title font-semibold text-gray-500 dark:text-gray-400 tracking-wider uppercase my-2;
 }
 
 /* .separator {