diff --git a/src/modules/common/MediaDisplay.tsx b/src/modules/common/MediaDisplay.tsx
index 7fea14508..61344cf34 100644
--- a/src/modules/common/MediaDisplay.tsx
+++ b/src/modules/common/MediaDisplay.tsx
@@ -194,7 +194,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
             }}
           >
             {media.type === 'tvshow' && (
-              <Badge variant="dot" size="xs" radius="md" color="blue">
+              <Badge variant="dot" size="xs" radius="md" color="blue" style={{ maxWidth: 200 }}>
                 s{media.seasonNumber}e{media.episodeNumber} - {media.episodetitle}
               </Badge>
             )}
diff --git a/src/widgets/calendar/MediaList.tsx b/src/widgets/calendar/MediaList.tsx
index 6fee8be0f..153e8608c 100644
--- a/src/widgets/calendar/MediaList.tsx
+++ b/src/widgets/calendar/MediaList.tsx
@@ -18,16 +18,10 @@ export const MediaList = ({ medias }: MediaListProps) => {
 
   return (
     <ScrollArea
+      style={{ height: '80vh', maxWidth: '90vw' }}
       offsetScrollbars
-      scrollbarSize={5}
       pt={5}
       className={classes.scrollArea}
-      styles={{
-        viewport: {
-          maxHeight: 450,
-          minHeight: 210,
-        },
-      }}
     >
       {mapMedias(medias.tvShows, SonarrMediaDisplay, lastMediaType === 'tv-show')}
       {mapMedias(medias.movies, RadarrMediaDisplay, lastMediaType === 'movie')}