diff --git a/src/atoms/label/styles.tsx b/src/atoms/label/styles.tsx
index 57cc5098..557e9117 100644
--- a/src/atoms/label/styles.tsx
+++ b/src/atoms/label/styles.tsx
@@ -7,7 +7,7 @@ export const LabelStyle = styled.label`
   align-items: center;
   font-size: ${typography.fontSizeXs};
   font-weight: ${typography.semiBold};
-  color: ${colors.grey200};
+  color: ${colors.grey500};
 
   svg {
     margin-left: ${rem('5px')};
diff --git a/src/atoms/video-player/index.tsx b/src/atoms/video-player/index.tsx
index 6a9e5626..9d2be300 100644
--- a/src/atoms/video-player/index.tsx
+++ b/src/atoms/video-player/index.tsx
@@ -10,6 +10,8 @@ export interface VideoPlayerProps {
   width?: string;
   height?: string;
   onEnded?: any;
+  onReady?: any;
+  onError?: any;
 }
 
 const VideoPlayer = (props: VideoPlayerProps) => {
@@ -21,6 +23,8 @@ const VideoPlayer = (props: VideoPlayerProps) => {
     width = '100%',
     height = '100%',
     onEnded,
+    onReady,
+    onError,
   } = props;
 
   return (
@@ -35,6 +39,8 @@ const VideoPlayer = (props: VideoPlayerProps) => {
         width={width}
         height={height}
         onEnded={onEnded}
+        onReady={onReady}
+        onError={onError}
       />
     </Styles.Wrapper>
   );
diff --git a/src/molecules/form-group/styles.tsx b/src/molecules/form-group/styles.tsx
index 3c51e2da..f0ecdf6b 100644
--- a/src/molecules/form-group/styles.tsx
+++ b/src/molecules/form-group/styles.tsx
@@ -10,7 +10,7 @@ export const Wrapper = styled.div<WrapperProps>`
 
   > label {
     margin-bottom: ${rem('5px')};
-    color: ${props => (props.error ? field.errorBorderColor : colors.grey200)};
+    color: ${props => (props.error ? field.errorBorderColor : colors.grey500)};
 
     span {
       color: ${props => (props.error ? field.errorBorderColor : field.color)};