diff --git a/src/views/Screen/ScreenElement.vue b/src/views/Screen/ScreenElement.vue
index 7f0d83a2..5aa8b2b1 100644
--- a/src/views/Screen/ScreenElement.vue
+++ b/src/views/Screen/ScreenElement.vue
@@ -29,7 +29,7 @@ import BaseImageElement from '@/views/components/element/ImageElement/BaseImageE
 import BaseTextElement from '@/views/components/element/TextElement/BaseTextElement.vue'
 import BaseShapeElement from '@/views/components/element/ShapeElement/BaseShapeElement.vue'
 import BaseLineElement from '@/views/components/element/LineElement/BaseLineElement.vue'
-import ScreenChartElement from '@/views/components/element/ChartElement/ScreenChartElement.vue'
+import BaseChartElement from '@/views/components/element/ChartElement/BaseChartElement.vue'
 import BaseTableElement from '@/views/components/element/TableElement/BaseTableElement.vue'
 import BaseLatexElement from '@/views/components/element/LatexElement/BaseLatexElement.vue'
 import ScreenVideoElement from '@/views/components/element/VideoElement/ScreenVideoElement.vue'
@@ -49,7 +49,7 @@ const currentElementComponent = computed<unknown>(() => {
     [ElementTypes.TEXT]: BaseTextElement,
     [ElementTypes.SHAPE]: BaseShapeElement,
     [ElementTypes.LINE]: BaseLineElement,
-    [ElementTypes.CHART]: ScreenChartElement,
+    [ElementTypes.CHART]: BaseChartElement,
     [ElementTypes.TABLE]: BaseTableElement,
     [ElementTypes.LATEX]: BaseLatexElement,
     [ElementTypes.VIDEO]: ScreenVideoElement,
diff --git a/src/views/components/element/AudioElement/ScreenAudioElement.vue b/src/views/components/element/AudioElement/ScreenAudioElement.vue
index dd49a739..69729a9d 100644
--- a/src/views/components/element/AudioElement/ScreenAudioElement.vue
+++ b/src/views/components/element/AudioElement/ScreenAudioElement.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="screen-element-audio"
+  <div class="base-element-audio screen-element-audio"
     :style="{
       top: elementInfo.top + 'px',
       left: elementInfo.left + 'px',
diff --git a/src/views/components/element/ChartElement/ScreenChartElement.vue b/src/views/components/element/ChartElement/ScreenChartElement.vue
deleted file mode 100644
index 25cd1594..00000000
--- a/src/views/components/element/ChartElement/ScreenChartElement.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-  <BaseChartElement class="screen-element-chart" :elementInfo="elementInfo" />
-</template>
-
-<script lang="ts" setup>
-import type { PPTChartElement } from '@/types/slides'
-
-import BaseChartElement from './BaseChartElement.vue'
-
-defineProps<{
-  elementInfo: PPTChartElement
-}>()
-</script>
diff --git a/src/views/components/element/VideoElement/ScreenVideoElement.vue b/src/views/components/element/VideoElement/ScreenVideoElement.vue
index 7ebf289c..c1f4ed0e 100644
--- a/src/views/components/element/VideoElement/ScreenVideoElement.vue
+++ b/src/views/components/element/VideoElement/ScreenVideoElement.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="screen-element-video"
+  <div class="base-element-video screen-element-video"
     :style="{
       top: elementInfo.top + 'px',
       left: elementInfo.left + 'px',