diff --git a/app/assets/stylesheets/shared_styles/constants/shadows.scss b/app/assets/stylesheets/shared_styles/constants/shadows.scss
index faf50adbb..95273e970 100644
--- a/app/assets/stylesheets/shared_styles/constants/shadows.scss
+++ b/app/assets/stylesheets/shared_styles/constants/shadows.scss
@@ -5,3 +5,7 @@ $modal-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
 .sn-shadow-menu-sm {
   box-shadow: 0px 16px 32px 0px rgba(16, 24, 40, 0.07);
 }
+
+.sn-shadow-menu-lg {
+  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
+}
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index c1072a980..4892250b1 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -5,7 +5,7 @@
               leave-to-class="translate-x-full w-0"
               v-click-outside="handleOutsideClick">
     <div ref="wrapper" v-show="isShowing" id="repository-item-sidebar-wrapper"
-      class='items-sidebar-wrapper bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 shadow-lg h-full w-[565px]'>
+      class='items-sidebar-wrapper bg-white gap-2.5 self-stretch rounded-tl-4 rounded-bl-4 sn-shadow-menu-lg h-full w-[565px]'>
 
       <div id="repository-item-sidebar" class="w-full h-full pl-6 bg-white flex flex-col">