Remove DropdownWrapper from UserStorage to fix layout and poor visual problems in the popup

Author: LianaHarris360

contentcuration/contentcuration/frontend/administration/pages/Users/UserStorage.vue

@@ -23,23 +23,17 @@
           :rules="spaceRules"
         />
       </VFlex>
-      <DropdownWrapper
-        component="VFlex"
-        style="max-width: 75px"
-      >
-        <template #default="{ attach, menuProps }">
-          <VSelect
-            v-model="unit"
-            :items="unitOptions"
-            :attach="attach"
-            :menuProps="menuProps"
-            box
-            single-line
-            required
-            :rules="unitRules"
-          />
-        </template>
-      </DropdownWrapper>
+      <VFlex style="min-width: 75px; max-width: 112px">
+        <VSelect
+          v-model="unit"
+          :items="unitOptions"
+          :menu-props="{ offsetY: true }"
+          box
+          single-line
+          required
+          :rules="unitRules"
+        />
+      </VFlex>
     </VLayout>
     <KButtonGroup>
       <KButton
@@ -66,7 +60,6 @@
   import { mapActions } from 'vuex';
   import findLastKey from 'lodash/findLastKey';
   import { ONE_B, ONE_KB, ONE_MB, ONE_GB, ONE_TB } from 'shared/constants';
-  import DropdownWrapper from 'shared/views/form/DropdownWrapper';
 
   const units = {
     ONE_B,
@@ -78,7 +71,6 @@
 
   export default {
     name: 'UserStorage',
-    components: { DropdownWrapper },
     props: {
       value: {
         type: Number,