diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 02e134d08..1a124a4d8 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -546,12 +546,8 @@ export default {
     },
     handleOpeningFromBootstrapModal() {
       const layout = document.querySelector('.sci--layout');
-      const openModals = layout.querySelectorAll('.modal');
-      openModals.forEach((modal) => {
-        if ($(modal).hasClass('in') && !$(modal).hasClass('full-screen')) {
-          $(modal).modal('hide');
-        }
-      });
+      const openModals = layout.querySelectorAll('.modal.in:not(.modal-full-screen)');
+      openModals.forEach((modal) => $(modal).modal('hide'));
     },
     loadRepositoryRow(repositoryRowUrl, scrollTop = 0) {
       this.dataLoading = true;
diff --git a/app/views/my_modules/repositories/_full_view_modal.html.erb b/app/views/my_modules/repositories/_full_view_modal.html.erb
index 8a1d2f619..2a898a4b3 100644
--- a/app/views/my_modules/repositories/_full_view_modal.html.erb
+++ b/app/views/my_modules/repositories/_full_view_modal.html.erb
@@ -1,4 +1,4 @@
-<div class="modal custom-z-index" id="myModuleRepositoryFullViewModal" data-keyboard="false" role="dialog" >
+<div class="modal modal-full-screen custom-z-index" id="myModuleRepositoryFullViewModal" data-keyboard="false" role="dialog" >
   <div class="modal-dialog" role="document">
     <div class="modal-content">
       <div class="modal-header">