diff --git a/src/routes/link.rs b/src/routes/link.rs
index 8892e8e..8b68250 100644
--- a/src/routes/link.rs
+++ b/src/routes/link.rs
@@ -110,17 +110,15 @@ fn Link<T: 'static + Clone, S: 'static>(
     links: Resource<T, S>,
 ) -> impl IntoView {
     view! {
-        <li class="mx-auto w-44 lg:w-60">
-            <a class="bg-prim-light w-full hover:bg-prim-lightest border-b hover:border-third border-transparent text-xl rounded-lg text-center hover:text-third transition-colors px-5 py-4 inline-block"
+        <li class="w-44 lg:w-60">
+            <a class="bg-prim-light container flex flex-col lg:flex-row w-full item-center hover:scale-110 transition hover:bg-prim-lightest border-b hover:border-third border-transparent rounded-lg text-center hover:text-third px-5 py-4"
                 target="_blank"
                 href={move || link.with(|x| x.link.to_string())}>
-                <div class="flex justify-center mb-2">
-                    <img src={move || link.with(|x| x.icon.to_string())}
-                         alt={move || link.with(|x| x.name.to_string())}
-                         class="block size-32 lg:size-54 object-cover overflow-hidden" />
-                </div>
+                <img src={move || link.with(|x| x.icon.to_string())}
+                     alt={move || link.with(|x| x.name.to_string())}
+                     class="size-32 lg:size-10 object-cover overflow-hidden" />
 
-                <span>{move || link.with(|x| x.name.to_string())}</span>
+                <span class="flex-1 text-2xl mt-2 lg:mt-0 flex justify-center items-center">{move || link.with(|x| x.name.to_string())}</span>
             </a>
             {move || {
                 edit.get().then(|| {