diff --git a/frontend/src/components/History/Timeline.vue b/frontend/src/components/History/Timeline.vue
index 91d02b9b1..1d371b3ea 100644
--- a/frontend/src/components/History/Timeline.vue
+++ b/frontend/src/components/History/Timeline.vue
@@ -1,10 +1,13 @@
 <template>
   <v-navigation-drawer
+    v-if="mobile ? props.modelValue : true"
     :model-value="props.modelValue"
     @update:model-value="emit('update:modelValue', $event)"
     location="right"
     absolute
     temporary
+    touchless
+    :mobile-breakpoint="0" 
     class="history-sidebar"
   >
     <div class="history-timeline-header">
@@ -64,6 +67,7 @@ const emit = defineEmits<{
 }>();
 
 const apiSettings = useApiSettings();
+const { mobile } = useDisplay();
 
 const historyRecords = useSearchableCursorPaginationFetcher<HistoryTimelineRecord>({
   baseURL: props.url
diff --git a/frontend/src/components/S/SubDrawer.vue b/frontend/src/components/S/SubDrawer.vue
index 47e59162a..c0b92a798 100644
--- a/frontend/src/components/S/SubDrawer.vue
+++ b/frontend/src/components/S/SubDrawer.vue
@@ -3,7 +3,8 @@
     :rail="!isExpanded"
     rail-width="36"
     width="180"
-    permanent  
+    permanent
+    touchless
     color="drawer"
     class="subdrawer"
   >