Fixed scaling on home page and NavBar

frontend/src/app/HomePage.tsx

@@ -80,7 +80,7 @@ export default function HomePage({} : HomePageProps)
                 </div>
             </div>
 
-            <div className={"flex flex-row ml-[10%] gap-3 max-[600px]:mx-0 max-[600px]:justify-center"}>
+            <div className={"flex flex-row ml-[10%] gap-3 mb-5 max-[600px]:mx-0 max-[600px]:justify-center"}>
                 <SocialIcons/>
             </div>
         </div>

frontend/src/app/NavBar.tsx

@@ -57,10 +57,8 @@ export default function NavBar({ Pages } : NavBarProps)
 
     return (
         <div className="flex flex-row max-[600px]:grid max-[600px]:grid-rows-2  row-start-1 row-span-1 max-[600px]:justify-center">
-            <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 max-[600px]:justify-center ">
-                <div></div>
-                <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-8 shrink-0 grow-0 h-full select-none"/>
-                <div></div>
+            <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 max-[600px]:justify-center flex items-center">
+                <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-0 shrink-0 grow-0 h-full select-none"/>
             </div>
             <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] min-[600px]:flex min-[600px]:justify-end min-[600px]:mr-8 h-full">
                 <div></div>

frontend/src/app/SocialIcons.tsx

@@ -15,7 +15,7 @@ export default function SocialIcons({} : SocialIconsProps): JSX.Element
     ];
 
     return (<>{Socials.map((name, index) => {
-        return <SocialIcon key={index} url={name} fgColor={"black"} bgColor={"#F15A22"}/>;
+        return <SocialIcon key={index} url={name} fgColor={"black"} bgColor={"#F15A22"} style={{height: 40, width: 40}}/>;
     })}</>); 
 }