diff --git a/src/views/pages/ApplicationBrowser.vue b/src/views/pages/ApplicationBrowser.vue
index 3300ef6..87f3e97 100644
--- a/src/views/pages/ApplicationBrowser.vue
+++ b/src/views/pages/ApplicationBrowser.vue
@@ -25,7 +25,7 @@
                 </div>
             </div>
         </div>   
-        <div class="col-span-6">
+        <div id ="card-flow-codeviewer" class="flex-1">
             <div class="card flow-codeviewer">  
                 <h5>File Explorer</h5>
                 <p v-if="nodes && nodes.length"> 
@@ -147,6 +147,15 @@ const skeletonConfigs = [
     { width: "80%", height: "1.5rem" }
 ];
 
+watch(selectedFile, () => {
+    if (selectedFile.value) {
+        const cardFlowCodeViewer = document.getElementById('card-flow-codeviewer');
+        if (cardFlowCodeViewer) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+    }
+});
+
 </script>