bug: footer move when hover select

src/components/common/SelectCommon/SelectCommon.module.scss

@@ -29,6 +29,7 @@
         }
     }
     &:hover{
+        cursor: pointer;
         .hoverWrapper{
             @apply block;
             animation: SelectAnimation 0.2s ease-out;
@@ -42,14 +43,9 @@
 
 }
 .hoverWrapper{
-    @apply hidden;
+    @apply hidden outline-none absolute z-10;
     padding-top: 0.6rem;
-    &:hover{
-        @apply block;
-    }
-}
     .selectOptionWrapper{
-    @apply outline-none z-10 absolute;
         border-radius: 0.8rem;
         background-color: var(--white);
         padding: 0.4rem 0rem 0.4rem 0rem;
@@ -68,6 +64,11 @@
             color: var(--text-label);
         }
     }
+    &:hover{
+        @apply block;
+    }
+}
+
 
 @keyframes SelectAnimation {
     0% {

src/components/common/SelectCommon/SelectCommon.tsx

@@ -32,6 +32,7 @@ const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, on
                     
                 })}
                 >{selectedName}<IconVectorDown /></div>
+                
                 <div className={s.hoverWrapper}>
                     <div className={classNames({
                         [s.selectOptionWrapper] : true,