diff --git a/src/components/Modal/CollectionModal/index.tsx b/src/components/Modal/CollectionModal/index.tsx
index 52fd3f8..89bd10d 100644
--- a/src/components/Modal/CollectionModal/index.tsx
+++ b/src/components/Modal/CollectionModal/index.tsx
@@ -1,5 +1,7 @@
 'use client';
 
+import '@/styles/scroll.css';
+
 import { useStore } from 'zustand';
 
 import Icon from '@/components/Icon/Icon';
@@ -26,7 +28,7 @@ const CollectionModal = () => {
           onClick={closeModal}
         />
       </div>
-      <div className='grid tablet:grid-cols-4 grid-cols-1 gap-x-[33px] gap-y-[30px] max-h-[555px] tablet:pr-[34px] overflow-y-auto'>
+      <div className='grid tablet:grid-cols-4 grid-cols-1 gap-x-[33px] gap-y-[30px] max-h-[555px] tablet:pr-[34px] overflow-y-auto scroll-hide'>
         <CreateCollectionUnit />
         {collections.map((collection) => (
           <CollectionUnit
diff --git a/src/styles/globals.css b/src/styles/globals.css
index a635390..24244b6 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -92,13 +92,4 @@
     vertical-align: middle;
     fill: currentColor; /* 텍스트 색상과 동일하게 적용 */
   }
-
-  .scroll-hide::-webkit-scrollbar {
-    display: none;
-  }
-
-  .scroll-hide {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
 }
diff --git a/src/styles/scroll.css b/src/styles/scroll.css
new file mode 100644
index 0000000..54085c3
--- /dev/null
+++ b/src/styles/scroll.css
@@ -0,0 +1,10 @@
+@media (max-width: 1400px) {
+  .scroll-hide::-webkit-scrollbar {
+    display: none;
+  }
+
+  .scroll-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}