diff --git a/components/Calendar.tsx b/components/Calendar.tsx
index 2805abf2f7c..2d6d317fa87 100644
--- a/components/Calendar.tsx
+++ b/components/Calendar.tsx
@@ -30,7 +30,7 @@ export default function Calendar({ className = '', size }: ICalendarProps) {
   const eventsExist = eventsData.length > 0;
 
   return (
-    <div className={twMerge('overflow-hidden rounded-md border border-gray-200 bg-white p-4', className)}>
+    <div className={twMerge('overflow-hidden rounded-md border border-gray-200 bg-white p-4 h-full', className)}>
       <Heading level={HeadingLevel.h2} typeStyle={HeadingTypeStyle.mdSemibold}>
         {t('calendar.title')}
       </Heading>
@@ -52,13 +52,12 @@ export default function Calendar({ className = '', size }: ICalendarProps) {
           </li>
         ))}
       </ul>
-      {eventsExist ? (
-        <div className='pt-4' data-testid='Calendar-button'>
+      <div className='h-full content-center'>
+        {!eventsExist && <div className='font-bold text-gray-700 lg:pb-8'>{t('calendar.noMeetingsMessage')}</div>}
+        <div className='sm:pt-0 md:pt-2 lg:pb-8 lg:pt-0' data-testid='Calendar-button'>
           <GoogleCalendarButton href={CALENDAR_URL} text={t('calendar.viewCalendarBtn')} />
         </div>
-      ) : (
-        <div className='mt-2 text-gray-700'>{t('calendar.noMeetingsMessage')}</div>
-      )}
+      </div>
     </div>
   );
 }
diff --git a/pages/[lang]/index.tsx b/pages/[lang]/index.tsx
index ad5fe83ba6c..634982c9ee2 100644
--- a/pages/[lang]/index.tsx
+++ b/pages/[lang]/index.tsx
@@ -108,7 +108,7 @@ export default function HomePage() {
 
               <div className='mt-12 lg:flex lg:flex-row-reverse'>
                 <section className='mt-10 lg:mt-0 lg:flex-1'>
-                  <Calendar size={2} className='float-left' />
+                  <Calendar size={2} />
                 </section>
                 <section className='lg:mr-12 lg:max-w-xl lg:text-left'>
                   <div className='mt-5 lg:mr-12'>
diff --git a/public/locales/de/common.json b/public/locales/de/common.json
index 04d3c5c5398..3b88c00fa20 100644
--- a/public/locales/de/common.json
+++ b/public/locales/de/common.json
@@ -23,6 +23,6 @@
     "calendar": {
         "title": "Kommende Veranstaltungen",
         "viewCalendarBtn": "Kalender ansehen",
-        "noMettingsMessage": "In den nächsten Tagen sind keine Sitzungen geplant."
+        "noMeetingsMessage": "In den nächsten Tagen sind keine Sitzungen geplant."
     }
 }
\ No newline at end of file
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 28fc28df539..264267f94ba 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -23,6 +23,6 @@
     "calendar": {
         "title": "Upcoming events",
         "viewCalendarBtn": "View Calendar",
-        "noMettingsMessage": "There are no meetings scheduled for next few days."
+        "noMeetingsMessage": "There are no meetings scheduled for next few days."
     }
 }
\ No newline at end of file