diff --git a/src/components/previous-role.astro b/src/components/previous-role.astro
index 5e63ff0..6898861 100644
--- a/src/components/previous-role.astro
+++ b/src/components/previous-role.astro
@@ -14,14 +14,18 @@ const isRemote = typeof logo === "string";
 <div class="flex gap-5">
   {
     href ? (
-      <a href={href} target="_blank" rel="noopener noreferrer" class="block shrink-0">
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        class="block shrink-0">
         <Image
           src={logo}
           alt={company}
           inferSize={isRemote}
           width={isRemote ? undefined : 50}
           height={isRemote ? undefined : 50}
-          class="block rounded min-w-[50px] w-[50px] h-[50px] object-contain bg-white"
+          class="block rounded  size-12 object-contain"
           loading="lazy"
         />
       </a>
@@ -32,7 +36,7 @@ const isRemote = typeof logo === "string";
         inferSize={isRemote}
         width={isRemote ? undefined : 50}
         height={isRemote ? undefined : 50}
-        class="block rounded min-w-[50px] w-[50px] h-[50px] object-contain bg-white shrink-0"
+        class="block rounded  size-12 object-contain shrink-0"
         loading="lazy"
       />
     )
@@ -44,8 +48,7 @@ const isRemote = typeof logo === "string";
           href={href}
           target="_blank"
           rel="noopener noreferrer"
-          class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white"
-        >
+          class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white">
           {company}
         </a>
       ) : (
diff --git a/src/components/project.astro b/src/components/project.astro
index 15fb285..bb7be2a 100644
--- a/src/components/project.astro
+++ b/src/components/project.astro
@@ -11,7 +11,8 @@ const { title, image, url } = Astro.props;
 const isRemote = typeof image === "string";
 ---
 
-<div class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:border-gray-200 md:p-4 md:dark:border-slate-600">
+<div
+  class="flex overflow-auto gap-x-5 md:gap-2 items-center md:items-start md:flex-col md:border md:rounded-lg md:border-gray-200 md:p-4 md:dark:border-slate-600">
   <a href={url} target="_blank" rel="noopener noreferrer" class="shrink-0">
     <Image
       src={image}
@@ -19,7 +20,7 @@ const isRemote = typeof image === "string";
       inferSize={isRemote}
       width={isRemote ? undefined : 64}
       height={isRemote ? undefined : 64}
-      class="block min-w-[50px] w-[50px] md:w-16 h-[50px] md:h-16 object-contain bg-white rounded"
+      class="block min-w-[50px] w-[50px] md:w-16 h-[50px] md:h-16 object-contain rounded"
       loading="lazy"
     />
   </a>
@@ -29,8 +30,7 @@ const isRemote = typeof image === "string";
         href={url}
         target="_blank"
         rel="noopener noreferrer"
-        class="font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white"
-      >
+        class="font-semibold hover:underline hover:underline-offset-4 text-slate-900 dark:text-white">
         {title}
       </a>
       <div class="text-sm text-slate-500 dark:text-slate-400 md:text-xs">