diff --git a/components/booking/AvailableTimes.tsx b/components/booking/AvailableTimes.tsx
index f70c4ec4..4e692fe2 100644
--- a/components/booking/AvailableTimes.tsx
+++ b/components/booking/AvailableTimes.tsx
@@ -50,7 +50,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
   });
 
   return (
-    <div className="sm:pl-4 mt-8 sm:mt-0 text-center sm:w-1/3 -mb-5">
+    <div className="sm:pl-4 mt-8 sm:mt-0 text-center sm:w-1/3 md:-mb-5">
       <div className="text-gray-600 font-light text-lg mb-4 text-left">
         <span className="w-1/2 dark:text-white text-gray-600">
           <strong>{date.format("dddd")}</strong>
diff --git a/components/booking/pages/AvailabilityPage.tsx b/components/booking/pages/AvailabilityPage.tsx
index f0cd7ce4..56abfdb7 100644
--- a/components/booking/pages/AvailabilityPage.tsx
+++ b/components/booking/pages/AvailabilityPage.tsx
@@ -157,10 +157,8 @@ const AvailabilityPage = ({ profile, eventType, workingHours }: AvailabilityPage
                     size={10}
                     truncateAfter={3}
                   />
-                  <h2 className="font-cal font-medium text-gray-500 dark:text-gray-300 mt-3">
-                    {profile.name}
-                  </h2>
-                  <h1 className="mb-4 text-3xl font-semibold text-gray-800 dark:text-white">
+                  <h2 className="font-medium text-gray-500 dark:text-gray-300 mt-3">{profile.name}</h2>
+                  <h1 className="font-cal mb-4 text-3xl font-semibold text-gray-800 dark:text-white">
                     {eventType.title}
                   </h1>
                   <p className="px-2 py-1 mb-1 -ml-2 text-gray-500">
diff --git a/pages/[user].tsx b/pages/[user].tsx
index deadf1d8..e0dedc36 100644
--- a/pages/[user].tsx
+++ b/pages/[user].tsx
@@ -31,7 +31,7 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
                 displayName={props.user.name}
                 className="mx-auto w-24 h-24 rounded-full mb-4"
               />
-              <h1 className="text-3xl font-bold text-neutral-900 dark:text-white mb-1">
+              <h1 className="font-cal text-3xl font-bold text-neutral-900 dark:text-white mb-1">
                 {props.user.name || props.user.username}
               </h1>
               <p className="text-neutral-500 dark:text-white">{props.user.bio}</p>