diff --git a/app/assets/javascripts/work_items/components/work_item_drawer.vue b/app/assets/javascripts/work_items/components/work_item_drawer.vue
index daae7a1e93313bbfb9b0e204824ce150011a73c4..845cfbc3269a2bf4fb07bbb615029819a9d5bae2 100644
--- a/app/assets/javascripts/work_items/components/work_item_drawer.vue
+++ b/app/assets/javascripts/work_items/components/work_item_drawer.vue
@@ -295,6 +295,7 @@ export default {
     :header-height="getDrawerHeight"
     header-sticky
     class="work-item-drawer gl-w-full gl-leading-reset @lg/panel:gl-w-[480px] @xl/panel:gl-w-[768px] min-[1440px]:gl-w-[912px]"
+    :class="{ 'lg:gl-w-[480px] xl:gl-w-[768px]': !paneledViewEnabled }"
     @close="handleClose"
     @opened="$emit('opened')"
   >