chore(deps): bump dependencies

2 files changed, 7 insertions, 14 deletions

diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index 5b556dd..4ff19df 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -59,10 +59,6 @@
   color: var(--marussy-contact-icon-color);
 }
 
-.contact__icon-holder--fediverse {
-  padding: 0.75rem;
-}
-
 .contact__icon {
   width: 2.5rem;
   height: 2.5rem;
@@ -73,8 +69,6 @@
 }
 
 .contact__icon--fediverse {
-  width: 3rem;
-  height: 3rem;
   margin: -0.0625rem -0.0625rem 0.0625rem 0.0625rem;
 }
 
diff --git a/src/components/landing/sections/Contact.tsx b/src/components/landing/sections/Contact.tsx
index 17ca6d8..f95e458 100644
--- a/src/components/landing/sections/Contact.tsx
+++ b/src/components/landing/sections/Contact.tsx
@@ -11,12 +11,13 @@ import {
   EnvelopeSimple,
   HandWaving,
   MapPin,
+  MicrosoftTeamsLogo,
   Phone,
 } from '@phosphor-icons/react';
 import clsx from 'clsx';
 
 import Section from '@site/src/components/landing/Section';
-import { FediverseIcon, GPGIcon, TeamsIcon } from '@site/src/components/icons';
+import { FediverseIcon, GPGIcon } from '@site/src/components/icons';
 import photo from '@site/src/pages/bme-building-i-cropped.jpg?placeholder=true&sizes[]=644&sizes[]=1288&sizes[]=2576&rl';
 
 import styles from './Contact.module.css';
@@ -64,7 +65,10 @@ export default function Contact() {
           <div className={clsx('col', 'col--4', styles.col)}>
             <div className={styles.contact}>
               <div className={styles['contact__icon-holder']}>
-                <TeamsIcon hidden className={styles.contact__icon} />
+                <MicrosoftTeamsLogo
+                  aria-hidden="true"
+                  className={styles.contact__icon}
+                />
                 <Phone
                   aria-hidden="true"
                   className={clsx(
@@ -175,12 +179,7 @@ export default function Contact() {
           </div>
           <div className={clsx('col', 'col--6', styles.col)}>
             <div className={styles.contact}>
-              <div
-                className={clsx(
-                  styles['contact__icon-holder'],
-                  styles['contact__icon-holder--fediverse'],
-                )}
-              >
+              <div className={styles['contact__icon-holder']}>
                 <FediverseIcon
                   className={clsx(
                     styles.contact__icon,