diff --git a/ui/component/fileThumbnail/FreezeframeLite/styles.scss b/ui/component/fileThumbnail/FreezeframeLite/styles.scss index 7eab7838b..f46fa97c2 100644 --- a/ui/component/fileThumbnail/FreezeframeLite/styles.scss +++ b/ui/component/fileThumbnail/FreezeframeLite/styles.scss @@ -7,7 +7,7 @@ $transition-duration: 300ms; // Classnames must line up with classes in classes.js .ff-container { display: inline-block; - position: relative; + position: absolute; .ff-image { z-index: $base-zindex; diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss index 0ba9cce97..8208360a2 100644 --- a/ui/scss/component/_main.scss +++ b/ui/scss/component/_main.scss @@ -136,9 +136,18 @@ .file-page__recommended-collection { @extend .file-page__recommended; flex-direction: column; + overflow-wrap: break-word; .file-page__recommended-collection__row { display: block; + + @media (min-width: $breakpoint-medium) { + max-width: 15rem; + } + + @media (max-width: $breakpoint-medium) { + max-width: 50rem; + } } }