diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index c9872f246b..1885d22836 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -505,14 +505,12 @@
   .component {
     display: contents;
   }
-  .component :global(> *) {
-    transition: padding 260ms ease-out, border 260ms ease-out;
-  }
   .component.pad :global(> *) {
     padding: var(--spacing-l) !important;
     gap: var(--spacing-l) !important;
     border: 2px dashed var(--spectrum-global-color-gray-400) !important;
     border-radius: 4px !important;
+    transition: padding 260ms ease-out, border 260ms ease-out;
   }
   .interactive :global(*) {
     cursor: default;