diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index 87bf8cd0..563564f0 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -4,13 +4,23 @@
     export let tabName: string;
     export let tabLink: string;
 
+    const firstTabs = [
+        "save",
+        "trim",
+        "crop",
+        "convert"
+    ];
+
     let tab: HTMLElement;
 
     $: isTabActive = $page.url.pathname === tabLink;
 
     const showTab = (e: HTMLElement | undefined) => {
         if (e) {
-            e.scrollIntoView({});
+            e.scrollIntoView({
+                inline: firstTabs.includes(tabName) ? 'end' : 'start',
+                behavior: 'smooth'
+            });
         }
     }