diff --git a/.changeset/legal-geese-agree.md b/.changeset/legal-geese-agree.md
new file mode 100644
index 000000000000..1b6c36628729
--- /dev/null
+++ b/.changeset/legal-geese-agree.md
@@ -0,0 +1,7 @@
+---
+"@gradio/image": minor
+"@gradio/video": minor
+"gradio": minor
+---
+
+feat:Remove the styles from the Image/Video primitive components and Fix the container styles
diff --git a/js/image/Example.svelte b/js/image/Example.svelte
index fba0a58d8897..b082fe782972 100644
--- a/js/image/Example.svelte
+++ b/js/image/Example.svelte
@@ -17,6 +17,11 @@
diff --git a/js/video/Example.svelte b/js/video/Example.svelte
index e04bbebce86a..b91b02b46819 100644
--- a/js/video/Example.svelte
+++ b/js/video/Example.svelte
@@ -43,10 +43,13 @@
diff --git a/js/video/shared/Video.svelte b/js/video/shared/Video.svelte
index bdb0e6e94d83..996b03c83051 100644
--- a/js/video/shared/Video.svelte
+++ b/js/video/shared/Video.svelte
@@ -121,13 +121,4 @@
background: #fff;
}
}
-
- video {
- position: inherit;
- background-color: black;
- width: var(--size-full);
- height: var(--size-full);
- object-fit: contain;
- border-radius: var(--radius-xl);
- }