[IMPROVE] Rounded video attachment (#26832)

apps/meteor/client/components/message/Attachments/Files/VideoAttachment.tsx

 import { VideoAttachmentProps } from '@rocket.chat/core-typings';
+import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
+import colors from '@rocket.chat/fuselage-tokens/colors';
 import { useMediaUrl } from '@rocket.chat/ui-contexts';
 import React, { FC } from 'react';
 
@@ -13,6 +15,13 @@ import AttachmentSize from '../Attachment/AttachmentSize';
 import AttachmentTitle from '../Attachment/AttachmentTitle';
 import { useCollapse } from '../hooks/useCollapse';
 
+const videoAttachmentCss = css`
+	border: 2px solid ${colors.n200} !important;
+	border-radius: 2px;
+	display: flex;
+	flex-direction: column;
+`;
+
 export const VideoAttachment: FC<VideoAttachmentProps> = ({
 	title,
 	video_url: url,
@@ -35,7 +44,7 @@ export const VideoAttachment: FC<VideoAttachmentProps> = ({
 				{hasDownload && link && <AttachmentDownload title={title} href={getURL(link)} />}
 			</AttachmentRow>
 			{!collapsed && (
-				<AttachmentContent width='full'>
+				<AttachmentContent width='full' className={videoAttachmentCss}>
 					<Box is='video' width='full' controls preload='metadata'>
 						<source src={getURL(url)} type={type} />
 					</Box>