# .svg images automatically move to middle when assigning blocks

**URL:** https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470
**Category:** Issues / Bugs
**Tags:** beginner
**Created:** [April 30, 2023, 2:16pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470 "2023-04-30T14:16:20Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![1065522612ww4w](https://avatars.discourse-cdn.com/v4/letter/1/b5e925/32.png) [@1065522612ww4w](https://community.thunkable.com/u/1065522612ww4w)
#### Post date: [April 30, 2023, 2:16pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/1 "2023-04-30T14:16:21Z")

</div>

When I attempt to add a click event to an svg image I have saved, the image moves to the middle of the screen when testing.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [May 1, 2023, 8:09pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/2 "2023-05-01T20:09:13Z")

</div>

Hello 👋 @1065522612ww4w Welcome to our community!!!  
Could you please share the specific project URL with us so we can investigate it further?  
You could copy it from the top of your browser.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/7338b79c224fa93607b3b7d3b3c4da39cdbbf658.png)

---

<div class="post-metadata">

### Author: ![1065522612ww4w](https://avatars.discourse-cdn.com/v4/letter/1/b5e925/32.png) [@1065522612ww4w](https://community.thunkable.com/u/1065522612ww4w)
#### Post date: [May 2, 2023, 12:36pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/3 "2023-05-02T12:36:44Z")

</div>

[https://x.thunkable.com/projects/643e74a241bb4eb6450b2258/0a606527-7a53-4690-90e5-de5ea183ab62/](https://x.thunkable.com/projects/643e74a241bb4eb6450b2258/0a606527-7a53-4690-90e5-de5ea183ab62/)

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [May 2, 2023, 1:59pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/4 "2023-05-02T13:59:01Z")

</div>

@1065522612ww4w  
Thank you for sharing your project URL.  
I checked your app and I found the following issue.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/1/81692112dd8fbea277c75c42f754a658ed3aed01.jpeg)

In order to fix it, I duplicated the component that had the issue and removed the old one.  
This worked for me, here is the project [Thunkable](https://x.thunkable.com/projects/645115afd7a6db53e0d3e38c/07fe23e7-c0cc-477a-9660-ac1de8870d02/designer) Please let me know if it worked for you too.

---

<div class="post-metadata">

### Author: ![1065522612ww4w](https://avatars.discourse-cdn.com/v4/letter/1/b5e925/32.png) [@1065522612ww4w](https://community.thunkable.com/u/1065522612ww4w)
#### Post date: [May 2, 2023, 2:20pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/5 "2023-05-02T14:20:06Z")

</div>

Hi,  
The problem persists with your version of the app. The click event in the duplicated image was left assigned to the old image, and the issue persisted when assigning the click even to the correct image.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [May 2, 2023, 8:18pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/6 "2023-05-02T20:18:52Z")

</div>

@1065522612ww4w Thanks for sharing this observation.  
I tried it and I was able to replicate the issue. I will need some extra information so I can report it as a bug. Did you import these screens from Figma?  
Thank you for your time and patience in this matter!

---

<div class="post-metadata">

### Author: ![1065522612ww4w](https://avatars.discourse-cdn.com/v4/letter/1/b5e925/32.png) [@1065522612ww4w](https://community.thunkable.com/u/1065522612ww4w)
#### Post date: [May 3, 2023, 8:41am UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/7 "2023-05-03T08:41:36Z")

</div>

Yes, I did import the project from Figma.

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:34pm UTC](https://community.thunkable.com/t/svg-images-automatically-move-to-middle-when-assigning-blocks/2397470/8 "2024-11-08T13:34:00Z")

</div>


