diff --git a/src/lib/viewers/media/Dash.scss b/src/lib/viewers/media/Dash.scss index 88a573880..af6d2c7cd 100644 --- a/src/lib/viewers/media/Dash.scss +++ b/src/lib/viewers/media/Dash.scss @@ -1,11 +1,5 @@ @import 'mediaBase'; -.bp-media-container { - display: flex; - justify-content: center; - min-width: 320px; // Prevent media controls from overflowing on small screens -} - .bp-media-dash { video { cursor: none; diff --git a/src/lib/viewers/media/_mediaBase.scss b/src/lib/viewers/media/_mediaBase.scss index 5b9de116b..185cdb92f 100644 --- a/src/lib/viewers/media/_mediaBase.scss +++ b/src/lib/viewers/media/_mediaBase.scss @@ -24,9 +24,12 @@ } .bp-media-container { + display: flex; + justify-content: center; outline: 0 none; position: relative; user-select: none; // Prevents copy paste dialog from appearing on mobile + width: 100%; // Prevent media controls from overflowing on small screens } .bp-media-play-button {