diff --git a/components/personal-card/elements/ContactsButtons.tsx b/components/personal-card/elements/ContactsButtons.tsx
index f0f97b7..14e9f77 100644
--- a/components/personal-card/elements/ContactsButtons.tsx
+++ b/components/personal-card/elements/ContactsButtons.tsx
@@ -30,7 +30,7 @@ const typeToIcon: { [key in ContactType]: [IconDefinition, string?] } = {
 const ContactComp = ({ id, type }: Contact) => {
   const iconDescr = typeToIcon[type];
   return (
-    <div className={'p-3 '}>
+    <div className={'p-3'}>
       <a
         className={'text-5xl text-gray-600' + ' ' + iconDescr[1]}
         href={contactToLink({ id, type })}
diff --git a/pages/index.tsx b/pages/index.tsx
index 2299110..c2740d7 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -4,7 +4,7 @@ import PersonalCard from '../components/personal-card/PersonalCard';
 
 const Home = () => {
   return (
-    <div className="bg-gray-50 flex flex-col h-auto justify-between">
+    <div className="bg-gray-50 flex flex-col md:h-screen sm:h-full  justify-between">
       <PersonalCard />
       <Footer />
     </div>