diff --git a/src/editor/components/seSpinInput.js b/src/editor/components/seSpinInput.js
index ed87bfa9..0c3e38c8 100644
--- a/src/editor/components/seSpinInput.js
+++ b/src/editor/components/seSpinInput.js
@@ -88,9 +88,9 @@ export class SESpinInput extends HTMLElement {
     case 'src':
       this.$img.setAttribute('src', newValue);
       this.$label.remove();
+      this.$div.classList.add('imginside');
       break;
     case 'width':
-      this.$div.classList.add('imginside');
       this.$div.style.setProperty('--se-spin-input-width', newValue + 'px');
       break;
     case 'size':
diff --git a/src/editor/panels/BottomPanel.js b/src/editor/panels/BottomPanel.js
index dd9d82ad..4fd14c87 100644
--- a/src/editor/panels/BottomPanel.js
+++ b/src/editor/panels/BottomPanel.js
@@ -210,7 +210,7 @@ class BottomPanel {
               height="22px"></img></se-list-item>
         </se-list>
         <se-spin-input size="3" id="opacity" min=0 max=100 step=5 title="${i18next.t('properties.opacity')}"
-          src="${imgPath}/opacity.svg" width="82"></se-spin-input>
+          src="${imgPath}/opacity.svg"></se-spin-input>
         <se-palette id="palette"></se-palette>
       </div>
     `;