diff --git a/src/content/work/procurato.md b/src/content/work/procurato.md
new file mode 100644
index 0000000..9aa1041
--- /dev/null
+++ b/src/content/work/procurato.md
@@ -0,0 +1,9 @@
+---
+company: "Procurato"
+jobTitle: Full-stack Developper
+link: https://search.procurato.de
+startDate: "2024-07-01"
+endDate: "2024-07-31"
+---
+
+I was contacted by [Richard Poeldrel](https://twitter.com/richardpoelderl) for the ...
diff --git a/src/layouts/base-layout.astro b/src/layouts/base-layout.astro
index 462752f..e67dbfc 100644
--- a/src/layouts/base-layout.astro
+++ b/src/layouts/base-layout.astro
@@ -68,7 +68,7 @@ const description =
     </style>
     <ViewTransitions />
   </head>
-  <body class="bg-amber-50 dark:bg-zinc-800 dark:text-white text-zinc-950">
+  <body class="bg-amber-50 dark:bg-zinc-800 dark:text-white text-zinc-950 px-5">
     <a
       class:list={[
         "sr-only focus:not-sr-only bg-white dark:bg-zinc-950",
@@ -108,7 +108,11 @@ const description =
       <slot />
     </main>
     <footer
-      class="max-w-2xl mx-auto mb-20 border-t border-zinc-500 mt-8 py-2 text-zinc-700 flex justify-between dark:text-inherit">
+      class:list={[
+        "max-w-2xl mx-auto mb-20 border-t border-zinc-500 mt-8 py-2",
+        "text-zinc-700 flex flex-col gap-4 justify-between",
+        "dark:text-inherit md:flex-row",
+      ]}>
       <small>Copyright &copy; 2024 - Fred KISSIE</small>
       <div class="flex flex-col gap-1">
         <small>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ad2e2a3..88410c5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -50,6 +50,7 @@ const projects = (await getCollection("projects")).sort(
       height={500}
       loading="eager"
       class:list={[
+        "hidden md:inline",
         "rounded-md object-center object-cover border-zinc-700 dark:border-white border-2",
         "hover:rotate-0 -rotate-6 transition duration-150",
         "size-32",
@@ -66,7 +67,8 @@ const projects = (await getCollection("projects")).sort(
       side projects.
     </p>
 
-    <ul class="flex items-center gap-4 text-zinc-600 dark:text-inherit">
+    <ul
+      class="flex items-center gap-4 text-zinc-600 dark:text-inherit flex-wrap">
       <li>
         <a
           class="inline-flex gap-1.5 items-center"
@@ -81,7 +83,7 @@ const projects = (await getCollection("projects")).sort(
       <li>
         <a
           class="inline-flex gap-1.5 items-center"
-          href="malto:hello@fredkiss.dev"
+          href="mailto:hello@fredkiss.dev"
           target="_blank"
           rel="noopener noreferrer">
           <Icon type="arobase" class="size-4" />
@@ -92,7 +94,7 @@ const projects = (await getCollection("projects")).sort(
       <li>
         <a
           class="inline-flex gap-1.5 items-center"
-          href="https://www.linkedin.com/in/adrien-kissie-3b6b32162/"
+          href="https://www.linkedin.com/in/fredhel-adrien-de-justesse-kissie-3b6b32162/"
           target="_blank"
           rel="noopener noreferrer">
           <Icon type="linkedin" class="size-4" />
