diff --git a/app/Section/Intro.tsx b/app/Section/Intro.tsx
index 7c249af..721becb 100644
--- a/app/Section/Intro.tsx
+++ b/app/Section/Intro.tsx
@@ -2,7 +2,7 @@ export const Intro = () => {
   return (
     <div className="flex gap-4 flex-col xl:gap-8">
       <div className="w-full flex items-center justify-center py-24 bg-[#101316] rounded-tl-[256px] rounded-br-[256px]">
-        <h1 className="text-[#FFB1CD] tracking-tight font-bold text-8xl md:text-[128px] xl:text-[200px] 2xl:text-[232px]">
+        <h1 className="text-[#FFB1CD] tracking-tight font-bold text-[90px] text-center md:text-[128px] xl:text-[200px] 2xl:text-[232px]">
           Radiquum
         </h1>
       </div>
diff --git a/app/Section/Photos.tsx b/app/Section/Photos.tsx
index 3cf9420..1adc4ea 100644
--- a/app/Section/Photos.tsx
+++ b/app/Section/Photos.tsx
@@ -21,7 +21,7 @@ const links = [
   },
 ];
 
-const OPTIONS: EmblaOptionsType = { loop: true};
+const OPTIONS: EmblaOptionsType = { loop: true };
 const SLIDES = [
   "/images/photos/2024-06-14T19_32_04_024.JPG",
   "/images/photos/2024-06-17T18_55_55_030.JPG",
diff --git a/app/Section/Socials.tsx b/app/Section/Socials.tsx
index e1a7008..43e98c3 100644
--- a/app/Section/Socials.tsx
+++ b/app/Section/Socials.tsx
@@ -51,7 +51,7 @@ export const Socials = () => {
   return (
     <Section>
       <h2 className="text-4xl md:text-5xl">Socials</h2>
-      <div className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-12 gap-y-2">
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-12 gap-y-2">
         {links.map((item) => (
           <Link href={item.url} key={`socials.link.${item.text}`}>
             <IconWithText icon={item.icon} text={item.text} desc={item.desc} />