diff --git a/swh/web/assets/src/bundles/browse/swh-ids-utils.js b/swh/web/assets/src/bundles/browse/swh-ids-utils.js
index d4b48fcc4f42ad0cc4f8935b3b228cb80b40c9d2..4e87bda898e411cac1808c4e9983e6fa0c3e7388 100644
--- a/swh/web/assets/src/bundles/browse/swh-ids-utils.js
+++ b/swh/web/assets/src/bundles/browse/swh-ids-utils.js
@@ -9,6 +9,8 @@ import ClipboardJS from 'clipboard';
 import 'thirdparty/jquery.tabSlideOut/jquery.tabSlideOut';
 import 'thirdparty/jquery.tabSlideOut/jquery.tabSlideOut.css';
 
+import {BREAKPOINT_SM} from 'utils/constants';
+
 export function swhIdObjectTypeToggled(event) {
   event.preventDefault();
   $(event.target).tab('show');
@@ -85,7 +87,15 @@ $(document).ready(() => {
   }
 
   let tabSlideOptions = {
-    tabLocation: 'right'
+    tabLocation: 'right',
+    offset: function() {
+      const width = $(window).width();
+      if (width < BREAKPOINT_SM) {
+        return '250px';
+      } else {
+        return '200px';
+      }
+    }
   };
   // ensure tab scrolling on small screens
   if (window.innerHeight < 600 || window.innerWidth < 500) {