diff --git a/src/hooks/useCreateElement.ts b/src/hooks/useCreateElement.ts
index 5c4b3d91..3cc9e579 100644
--- a/src/hooks/useCreateElement.ts
+++ b/src/hooks/useCreateElement.ts
@@ -38,9 +38,11 @@ export default () => {
     store.commit(MutationTypes.SET_ACTIVE_ELEMENT_ID_LIST, [element.id])
 
     if (creatingElement.value) store.commit(MutationTypes.SET_CREATING_ELEMENT, null)
+
     setTimeout(() => {
       store.commit(MutationTypes.SET_EDITORAREA_FOCUS, true)
     }, 0)
+
     addHistorySnapshot()
   }
 
diff --git a/src/hooks/useExport.ts b/src/hooks/useExport.ts
index ccd771a5..c8b41634 100644
--- a/src/hooks/useExport.ts
+++ b/src/hooks/useExport.ts
@@ -247,7 +247,7 @@ export default () => {
         }
         else if (el.type === 'shape') {
           if (el.special) {
-            const svgRef = document.querySelector(`#base-element-${el.id} svg`) as HTMLElement
+            const svgRef = document.querySelector(`.thumbnail-list .base-element-${el.id} svg`) as HTMLElement
             const base64SVG = svg2Base64(svgRef)
 
             const options: pptxgen.ImageProps = {
diff --git a/src/views/components/ThumbnailSlide/ThumbnailElement.vue b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
index 85ab2f6c..c37a5a02 100644
--- a/src/views/components/ThumbnailSlide/ThumbnailElement.vue
+++ b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
@@ -1,7 +1,7 @@
 <template>
   <div 
     class="base-element"
-    :id="`base-element-${elementInfo.id}`"
+    :class="`base-element-${elementInfo.id}`"
     :style="{
       zIndex: elementIndex,
     }"