diff --git a/react/features/filmstrip/components/web/Thumbnail.js b/react/features/filmstrip/components/web/Thumbnail.js
index 201440ed8a2b..b42517411ae0 100644
--- a/react/features/filmstrip/components/web/Thumbnail.js
+++ b/react/features/filmstrip/components/web/Thumbnail.js
@@ -547,6 +547,7 @@ class Thumbnail extends Component<Props, State> {
 
         const { canPlayEventReceived } = this.state;
         const {
+            _currentLayout,
             _height,
             _isHidden,
             _isScreenSharing,
@@ -556,6 +557,8 @@ class Thumbnail extends Component<Props, State> {
             style
         } = this.props;
 
+        const tileViewActive = _currentLayout === LAYOUTS.TILE_VIEW;
+
         let styles: {
             avatar: Object,
             thumbnail: Object,
@@ -578,7 +581,7 @@ class Thumbnail extends Component<Props, State> {
         if (!_isScreenSharing) {
             if (canPlayEventReceived || _participant.local) {
                 videoStyles = {
-                    objectFit: _height > 320 ? 'cover' : 'contain'
+                    objectFit: _height < 320 && tileViewActive ? 'contain' : 'cover'
                 };
             } else {
                 videoStyles = {