diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertiesPanel.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertiesPanel.svelte
index 26e898c8d..9b33e0405 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertiesPanel.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertiesPanel.svelte
@@ -51,13 +51,13 @@
       {#if definition && definition.name}
         <div class="instance-name">{definition.name}</div>
       {/if}
-      <DesignView
+      <SettingsView
       componentInstance={$selectedComponent}
       componentDefinition={definition}
-      {onStyleChanged}
-      {onCustomStyleChanged}
-      {onUpdateTransition}
-      {onResetStyles} />
+      {showDisplayName}
+      onChange={store.actions.components.updateProp}
+      onScreenPropChange={setAssetProps}
+      assetInstance={$store.currentView !== 'component' && $currentAsset} />
     </div>
   </Tab>
   <Tab title="Design">
@@ -65,13 +65,13 @@
       {#if definition && definition.name}
         <div class="instance-name">{definition.name}</div>
       {/if}
-      <SettingsView
+      <DesignView
       componentInstance={$selectedComponent}
       componentDefinition={definition}
-      {showDisplayName}
-      onChange={store.actions.components.updateProp}
-      onScreenPropChange={setAssetProps}
-      assetInstance={$store.currentView !== 'component' && $currentAsset} />
+      {onStyleChanged}
+      {onCustomStyleChanged}
+      {onUpdateTransition}
+      {onResetStyles} />
     </div>
   </Tab>
 </Tabs>