diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 2d254f6a6708e770c7483add420619e66264f91e..070b35da55f206cae95879d9a8f2b1e70fe17e15 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -120,7 +120,7 @@ const Footer: React.FC = () => {
           }}
         >
           <Box display="flex" justifyContent="center" alignItems="center">
-            <DevTeamIcon width="28px" height="28px" />
+            <DevTeamIcon width="1.75rem" height="1.75rem" />
             <Typography className={mClasses.devteam}>DevTeam</Typography>
           </Box>
         </IconButton>
@@ -130,7 +130,11 @@ const Footer: React.FC = () => {
             window.open('https://schdesign.hu/');
           }}
         >
-          <SchdesignIcon width="120px" height="35px" color1={theme.palette.primary.contrastText} />
+          <SchdesignIcon
+            width="7.5rem"
+            height="2.2rem"
+            color1={theme.palette.primary.contrastText}
+          />
         </IconButton>
       </Box>
     </Box>
@@ -151,7 +155,7 @@ const Footer: React.FC = () => {
           }}
         >
           <Box display="flex" justifyContent="center" alignItems="center">
-            <DevTeamIcon width="36px" height="36px" />
+            <DevTeamIcon width="2.25rem" height="2.25rem" />
             <Typography className={`${mClasses.devteam} ${dClasses.devteam}`}>DevTeam</Typography>
           </Box>
         </IconButton>
@@ -161,7 +165,11 @@ const Footer: React.FC = () => {
             window.open('https://schdesign.hu/');
           }}
         >
-          <SchdesignIcon width="140px" height="50px" color1={theme.palette.primary.contrastText} />
+          <SchdesignIcon
+            width="8.75rem"
+            height="3.125rem"
+            color1={theme.palette.primary.contrastText}
+          />
         </IconButton>
       </Box>
       <Box
diff --git a/src/components/svg/DevTeamIcon.tsx b/src/components/svg/DevTeamIcon.tsx
index 9e8ffb0a6aa8d6afda13573bf7d11ffe57bbb44f..4aa9a8137d71b36646825c5a90e361153b4af2f2 100644
--- a/src/components/svg/DevTeamIcon.tsx
+++ b/src/components/svg/DevTeamIcon.tsx
@@ -6,8 +6,8 @@ interface IDevTeamIconProps extends React.SVGProps<SVGSVGElement> {
 }
 
 const DevTeamIcon: React.FC<IDevTeamIconProps> = ({
-  height = '24px',
-  width = '24px',
+  height = '1.5rem',
+  width = '1.5rem',
   color1 = '#3051bf',
   color2 = '#a806c9',
   ...props
diff --git a/src/components/svg/SchdesignIcon.tsx b/src/components/svg/SchdesignIcon.tsx
index 70e81fb6e707bd46b0dbe4148f85ff75cb0075d9..81ce7204c0f74b4bd70295a56e5294bdf3d390de 100644
--- a/src/components/svg/SchdesignIcon.tsx
+++ b/src/components/svg/SchdesignIcon.tsx
@@ -6,8 +6,8 @@ interface ISchdesignIconProps extends React.SVGProps<SVGSVGElement> {
 }
 
 const SchdesignIcon: React.FC<ISchdesignIconProps> = ({
-  height = '100px',
-  width = '40px',
+  height = '2.5rem',
+  width = '6.25rem',
   color1 = '#3d3d3d',
   color2 = '#f8485e',
   ...props