diff --git a/src/frontend/overlay/src/components/organisms/holder/ContestantViewHolder.jsx b/src/frontend/overlay/src/components/organisms/holder/ContestantViewHolder.jsx
index dd72d92e6..0c068dd60 100644
--- a/src/frontend/overlay/src/components/organisms/holder/ContestantViewHolder.jsx
+++ b/src/frontend/overlay/src/components/organisms/holder/ContestantViewHolder.jsx
@@ -1,9 +1,9 @@
-import React, {useEffect, useLayoutEffect, useRef} from "react";
+import React, { useEffect, useLayoutEffect, useRef } from "react";
import { ContestantViewCorner } from "../../molecules/info/ContestantViewCorner";
import styled from "styled-components";
-import {useDispatch} from "react-redux";
-import {pushLog} from "../../../redux/debug";
-import {GrabberPlayerClient} from "../../../utils/grabber/grabber_player";
+import { useDispatch } from "react-redux";
+import { pushLog } from "../../../redux/debug";
+import { GrabberPlayerClient } from "../../../utils/grabber/grabber_player";
export const TeamImageWrapper = styled.img`
border-radius: ${({ borderRadius }) => borderRadius};
@@ -12,7 +12,7 @@ export const TeamImageWrapper = styled.img`
export const TeamVideoWrapper = styled.video`
position: absolute;
width: 100%;
- height: 100%;
+ //height: 100%;
bottom: 0;
aspect-ratio: 16/9;
object-fit: cover;
@@ -107,7 +107,7 @@ export const TeamWebRTCGrabberVideoWrapper = ({ Wrapper = TeamVideoWrapper, url,
export const FullWidthWrapper = styled.div`
width: 100%;
border-radius: 16px;
- position: absolute;
+ //position: absolute;
// this is how you make aspect ratio before aspect-ratio.
// Do not remove until the whole world starts using modern VMix
// Sadly this hack will cut off the bottom of the picture
@@ -180,8 +180,8 @@ export const AchievementWrapper = styled.div`
height: 100%;
`;
-export const Achievement = ({src, onLoadStatus, className}) => {
- console.log(src)
+export const Achievement = ({ src, onLoadStatus, className }) => {
+ console.log(src);
return
onLoadStatus(true)}/>
;
@@ -195,7 +195,7 @@ export const ContestantViewHolder = ({ onLoadStatus, media, isSmall, hasPInP, cl
return null;
}
if (!media.isMedia && media.type === "Photo") {
- return
+ return ;
}
return ;
};