fix

Author: YassinEldeeb

src/app/conf/2024/schedule/[id]/page.tsx

@@ -119,10 +119,10 @@ export default function SessionPage({ params }: SessionProps) {
                     - {format(parseISO(event.event_end), "hh:mmaaaa 'PDT'")}
                   </span>
                 </div>
-                <div className="flex lg:flex-row flex-col sm:gap-5">
+                <div className="flex flex-wrap lg:flex-row flex-col gap-5 mt-8">
                   {event.speakers!.map(speaker => (
                     <div
-                      className="flex items-center gap-3"
+                      className={`flex items-center gap-3 w-full ${event?.speakers?.length || 0 > 1 ? "max-w-[320px]": ""}`}
                       key={speaker.username}
                     >
                       <Avatar

src/app/conf/_components/speakers/avatar.tsx

@@ -19,6 +19,9 @@ export const Avatar: FC<Props> = ({ avatar, name, className, href }) => {
         className={`${className}`}
         src={avatar}
         alt={`${name} Profile Image`}
+        style={{
+          margin: 0
+        }}
       />
     ) : (
       <div