diff --git a/app/components/work_packages/details/tab_component.html.erb b/app/components/work_packages/details/tab_component.html.erb
index 285ff7cfc933..7e110eec4e3e 100644
--- a/app/components/work_packages/details/tab_component.html.erb
+++ b/app/components/work_packages/details/tab_component.html.erb
@@ -6,6 +6,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"chevron-left",
                                           tag: :a,
+                                          classes: "hidden-for-tablet",
                                           scheme: :invisible,
                                           data: {
                                             action: "click->work-packages--details--tabs#scrollLeft"
@@ -42,6 +43,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"chevron-right",
                                           tag: :a,
+                                          classes: "hidden-for-tablet",
                                           scheme: :invisible,
                                           data: {
                                             action: "click->work-packages--details--tabs#scrollRight"
@@ -52,6 +54,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"screen-full",
                                           tag: :a,
+                                          classes: "hidden-for-small-laptops",
                                           href: work_package_path(work_package.id, full_screen_tab),
                                           target: "_top",
                                           scheme: :invisible,
diff --git a/frontend/src/global_styles/layout/_base_mobile.sass b/frontend/src/global_styles/layout/_base_mobile.sass
index 0eb5ec9de403..09a781613732 100644
--- a/frontend/src/global_styles/layout/_base_mobile.sass
+++ b/frontend/src/global_styles/layout/_base_mobile.sass
@@ -63,6 +63,9 @@
     display: none !important
 
 @media screen and (max-width: $breakpoint-lg)
+  .hidden-for-small-laptops
+    display: none !important
+
   #main
     grid-template-columns: auto