diff --git a/src/components/Output.tsx b/src/components/Output.tsx
index a849b25..6f6ab91 100644
--- a/src/components/Output.tsx
+++ b/src/components/Output.tsx
@@ -134,6 +134,10 @@ export const Output = ({
       }
       setSupportedNetworksSubset(networksSubset);
 
+      /**
+       * If it's first render show the default dest network or the first n/w from the list
+       * If the source chain is same as destination chain && same chain swaps is disabled, show the first chain from the list
+       */
       if (firstNetworkRender) {
         updateNetwork(
           networksSubset?.find(
@@ -141,9 +145,18 @@ export const Output = ({
           ) ?? networksSubset?.[0]
         );
         setFirstRenderNetwork(false);
-      } else updateNetwork(networksSubset?.[0]);
+      } else if (!sameChainSwapsEnabled && sourceChainId === destChainId) {
+        updateNetwork(networksSubset?.[0]);
+      }
+    }
+  }, [sourceChainId, supportedNetworks]);
+
+  // when the default dest n/w is changed
+  useEffect(() => {
+    if(!firstNetworkRender && defaultDestNetwork){
+      updateNetwork(supportedNetworks?.find((x:Network) => x.chainId === defaultDestNetwork))
     }
-  }, [supportedNetworks, sourceChainId, defaultDestNetwork]);
+  }, [supportedNetworks, defaultDestNetwork])
 
   // For Input & tokens
   const [outputAmount, updateOutputAmount] = useState<string>("");
diff --git a/src/stories/Test.stories.tsx b/src/stories/Test.stories.tsx
index a75857d..6a7951c 100644
--- a/src/stories/Test.stories.tsx
+++ b/src/stories/Test.stories.tsx
@@ -95,7 +95,10 @@ const Template = (args: WidgetProps) => {
           </button>
         )}
       </div>
-      <Bridge {...args} provider={provider} />
+      <Bridge {...args} provider={provider} 
+        // defaultDestNetwork={_defaultDestNetwork} 
+        // destNetworks={_destNetworks}
+      />
     </div>
   );
 };