diff --git a/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopup/TimedVideoConfPopup.tsx b/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopup/TimedVideoConfPopup.tsx
index 0cd91448563db..1094bb1821d03 100644
--- a/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopup/TimedVideoConfPopup.tsx
+++ b/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopup/TimedVideoConfPopup.tsx
@@ -9,7 +9,8 @@ import {
 	useVideoConfDismissOutgoing,
 } from '@rocket.chat/ui-video-conf';
 import type { ReactElement } from 'react';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import { useFocusManager } from 'react-aria';
 
 import IncomingPopup from './IncomingPopup';
 import OutgoingPopup from './OutgoingPopup';
@@ -38,8 +39,13 @@ const TimedVideoConfPopup = ({
 	const dismissCall = useVideoConfDismissCall();
 	const startCall = useVideoConfStartCall();
 	const dismissOutgoing = useVideoConfDismissOutgoing();
+	const focusManager = useFocusManager();
 	const room = useUserRoom(rid);
 
+	useEffect(() => {
+		focusManager?.focusFirst();
+	}, [focusManager]);
+
 	if (!room) {
 		return null;
 	}
diff --git a/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopups.tsx b/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopups.tsx
index 9a0c12b5b44d7..8840b15cd8728 100644
--- a/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopups.tsx
+++ b/apps/meteor/client/views/room/contextualBar/VideoConference/VideoConfPopups/VideoConfPopups.tsx
@@ -5,14 +5,16 @@ import {
 	useVideoConfIsCalling,
 	useVideoConfIsRinging,
 	useVideoConfIncomingCalls,
+	VideoConfPopupSkeleton,
 } from '@rocket.chat/ui-video-conf';
 import type { ReactElement } from 'react';
-import { useEffect, useMemo } from 'react';
+import { lazy, Suspense, useEffect, useMemo } from 'react';
 import { FocusScope } from 'react-aria';
 
-import VideoConfPopup from './VideoConfPopup';
 import VideoConfPopupPortal from '../../../../../portals/VideoConfPopupPortal';
 
+const VideoConfPopup = lazy(() => import('./VideoConfPopup'));
+
 const VideoConfPopups = ({ children }: { children?: VideoConfPopupPayload }): ReactElement => {
 	const { callSounds } = useCustomSound();
 	const incomingCalls = useVideoConfIncomingCalls();
@@ -48,9 +50,11 @@ const VideoConfPopups = ({ children }: { children?: VideoConfPopupPayload }): Re
 				<VideoConfPopupPortal>
 					{(children ? [children, ...popups] : popups).map(({ id, rid, isReceiving }, index = 1) => (
 						<VideoConfPopupBackdrop key={id}>
-							<FocusScope autoFocus contain restoreFocus>
-								<VideoConfPopup id={id} rid={rid} isReceiving={isReceiving} isCalling={isCalling} position={index * 10} />
-							</FocusScope>
+							<Suspense fallback={<VideoConfPopupSkeleton />}>
+								<FocusScope restoreFocus>
+									<VideoConfPopup id={id} rid={rid} isReceiving={isReceiving} isCalling={isCalling} position={index * 10} />
+								</FocusScope>
+							</Suspense>
 						</VideoConfPopupBackdrop>
 					))}
 				</VideoConfPopupPortal>
diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json
index 3ee9a0c4637dc..53c0edfd32e48 100644
--- a/packages/ui-video-conf/package.json
+++ b/packages/ui-video-conf/package.json
@@ -8,10 +8,10 @@
 		"/dist"
 	],
 	"scripts": {
-		"build": "tsc -p tsconfig.build.json",
+		"build": "rm -rf dist && tsc -p tsconfig.build.json",
 		"dev": "tsc -p tsconfig.build.json --watch --preserveWatchOutput",
-		"eslint": "eslint --ext .js,.jsx,.ts,.tsx .",
-		"eslint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --fix",
+		"lint": "eslint --ext .js,.jsx,.ts,.tsx .",
+		"lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --fix",
 		"storybook": "storybook dev -p 6006",
 		"test": "jest",
 		"testunit": "jest",
diff --git a/packages/ui-video-conf/src/VideoConfMessage/VideoConfMessageIcon.tsx b/packages/ui-video-conf/src/VideoConfMessage/VideoConfMessageIcon.tsx
index ab14f69f3610d..782931a6dede7 100644
--- a/packages/ui-video-conf/src/VideoConfMessage/VideoConfMessageIcon.tsx
+++ b/packages/ui-video-conf/src/VideoConfMessage/VideoConfMessageIcon.tsx
@@ -1,4 +1,4 @@
-import { Box, Icon, Palette } from '@rocket.chat/fuselage';
+import { Box, Icon } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
 
 type VideoConfMessageIconProps = {
@@ -8,18 +8,18 @@ type VideoConfMessageIconProps = {
 const styles = {
 	ended: {
 		icon: 'phone-off',
-		color: Palette.text['font-hint'].toString(),
-		backgroundColor: Palette.surface['surface-neutral'].toString(),
+		color: 'hint',
+		backgroundColor: 'surface-neutral',
 	},
 	incoming: {
 		icon: 'phone-in',
-		color: Palette.statusColor['status-font-on-info'].toString(),
-		backgroundColor: Palette.status['status-background-info'].toString(),
+		color: 'status-font-on-info',
+		backgroundColor: 'status-background-info',
 	},
 	outgoing: {
 		icon: 'phone',
-		color: Palette.statusColor['status-font-on-success'].toString(),
-		backgroundColor: Palette.status['status-background-success'].toString(),
+		color: 'status-font-on-success',
+		backgroundColor: 'status-background-success',
 	},
 } as const;
 
diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.stories.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.stories.tsx
index 30fac83da1014..0782c5f52916a 100644
--- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.stories.tsx
+++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.stories.tsx
@@ -12,6 +12,7 @@ import VideoConfPopupFooter from './VideoConfPopupFooter';
 import VideoConfPopupFooterButtons from './VideoConfPopupFooterButtons';
 import VideoConfPopupHeader from './VideoConfPopupHeader';
 import VideoConfPopupInfo from './VideoConfPopupInfo';
+import VideoConfPopupSkeleton from './VideoConfPopupSkeleton';
 import VideoConfPopupTitle from './VideoConfPopupTitle';
 
 export default {
@@ -52,3 +53,5 @@ export const StartCall: StoryFn<typeof VideoConfPopup> = () => (
 		</VideoConfPopupFooter>
 	</VideoConfPopup>
 );
+
+export const Skeleton: StoryFn<typeof VideoConfPopup> = () => <VideoConfPopupSkeleton />;
diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx
index c7d938c7625c5..4ed266c175741 100644
--- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx
+++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx
@@ -5,7 +5,7 @@ import type { ReactNode, ReactElement, HTMLAttributes } from 'react';
 
 export const VideoConfPopupContainer = styled('div', ({ position: _position, ...props }: { position?: number }) => props)`
 	width: 100%;
-	position: absolute;
+	position: relative;
 	box-shadow:
 		0px 0px 1px 0px ${Palette.shadow['shadow-elevation-2x'].toString()},
 		0px 0px 12px 0px ${Palette.shadow['shadow-elevation-2y'].toString()};
diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx
index 721bd20da515b..a939af1f3eba5 100644
--- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx
+++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx
@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { ReactNode, ReactElement } from 'react';
 
 const VideoConfPopupHeader = ({ children }: { children: ReactNode }): ReactElement => (
-	<Box display='flex' justifyContent='space-between'>
+	<Box display='flex' minHeight='x28' justifyContent='space-between'>
 		{children}
 	</Box>
 );
diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx
new file mode 100644
index 0000000000000..14c57b9728eb2
--- /dev/null
+++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx
@@ -0,0 +1,28 @@
+import { Box, Skeleton } from '@rocket.chat/fuselage';
+import { ComponentProps } from 'react';
+
+import VideoConfPopup from './VideoConfPopup';
+import VideoConfPopupContent from './VideoConfPopupContent';
+import VideoConfPopupFooter from './VideoConfPopupFooter';
+import VideoConfPopupHeader from './VideoConfPopupHeader';
+
+type VideoConfPopupSkeletonProps = Omit<ComponentProps<typeof VideoConfPopup>, 'children'>;
+
+const VideoConfPopupSkeleton = (props: VideoConfPopupSkeletonProps) => (
+	<VideoConfPopup aria-label='Loading' {...props}>
+		<VideoConfPopupHeader>
+			<Skeleton width='100%' />
+		</VideoConfPopupHeader>
+		<VideoConfPopupContent>
+			<Box display='flex' alignItems='center'>
+				<Skeleton variant='rect' height='x36' width='x36' />
+				<Skeleton mis={8} variant='rect' height='x24' width='x120' />
+			</Box>
+		</VideoConfPopupContent>
+		<VideoConfPopupFooter>
+			<Skeleton variant='rect' height='x40' />
+		</VideoConfPopupFooter>
+	</VideoConfPopup>
+);
+
+export default VideoConfPopupSkeleton;
diff --git a/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap b/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap
index c4ef86dd17ed9..35d8d27a68986 100644
--- a/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap
+++ b/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap
@@ -1,5 +1,54 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
+exports[`renders Skeleton without crashing 1`] = `
+<body>
+  <div>
+    <div
+      class="rcx-box rcx-box--full rcx-css-11d1wak rcx-css-veoob9"
+    >
+      <div
+        aria-label="Loading"
+        class="rcx-css-f89r0o"
+        role="dialog"
+      >
+        <div
+          class="rcx-box rcx-box--full rcx-css-1yt6gb3"
+        >
+          <div
+            class="rcx-box rcx-box--full rcx-css-135wgx"
+          >
+            <span
+              class="rcx-skeleton rcx-skeleton--text rcx-css-1qcz93u"
+            />
+          </div>
+          <div
+            class="rcx-box rcx-box--full rcx-css-1rtfgno"
+          >
+            <div
+              class="rcx-box rcx-box--full rcx-css-127j9mz"
+            >
+              <span
+                class="rcx-skeleton rcx-skeleton--rect rcx-css-1etla80"
+              />
+              <span
+                class="rcx-skeleton rcx-skeleton--rect rcx-css-dzx8a8"
+              />
+            </div>
+          </div>
+          <div
+            class="rcx-box rcx-box--full rcx-css-4ka9e7"
+          >
+            <span
+              class="rcx-skeleton rcx-skeleton--rect rcx-css-15ie4i5"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
 exports[`renders StartCall without crashing 1`] = `
 <body>
   <div>
@@ -8,14 +57,14 @@ exports[`renders StartCall without crashing 1`] = `
     >
       <div
         aria-label="Start Call"
-        class="rcx-css-5tiw1q"
+        class="rcx-css-f89r0o"
         role="dialog"
       >
         <div
           class="rcx-box rcx-box--full rcx-css-1yt6gb3"
         >
           <div
-            class="rcx-box rcx-box--full rcx-css-1bmjlil"
+            class="rcx-box rcx-box--full rcx-css-135wgx"
           >
             <div
               class="rcx-box rcx-box--full rcx-css-127j9mz"
diff --git a/packages/ui-video-conf/src/VideoConfPopup/index.ts b/packages/ui-video-conf/src/VideoConfPopup/index.ts
index 319f72eabda9d..7d6b6a2730355 100644
--- a/packages/ui-video-conf/src/VideoConfPopup/index.ts
+++ b/packages/ui-video-conf/src/VideoConfPopup/index.ts
@@ -7,6 +7,7 @@ import VideoConfPopupFooterButtons from './VideoConfPopupFooterButtons';
 import VideoConfPopupHeader from './VideoConfPopupHeader';
 import VideoConfPopupIcon from './VideoConfPopupIcon';
 import VideoConfPopupInfo from './VideoConfPopupInfo';
+import VideoConfPopupSkeleton from './VideoConfPopupSkeleton';
 import VideoConfPopupTitle from './VideoConfPopupTitle';
 
 export {
@@ -20,4 +21,5 @@ export {
 	VideoConfPopupControllers,
 	VideoConfPopupFooter,
 	VideoConfPopupFooterButtons,
+	VideoConfPopupSkeleton,
 };