Use wrap for text menu

src/components/side-nav-menu.vue

@@ -13,7 +13,7 @@
         </div>
 
         <dx-scroll-view ref="scrollViewRef" :class="checkLength(item.items) ? 'expand-menu-height' : 'expand-menu'">
-          <div v-for="it in item.items" :key="it.id" class="no-wrap">
+          <div v-for="it in item.items" :key="it.id" class="wrap">
             <p :class="route.path === it.path ? 'pointer-active' : 'pointer'" @click="handleItemClick(item.text,it.path)">
               {{it.text}}
             </p>

src/views/drp/drp-penyusunan.vue

@@ -71,7 +71,7 @@
                 <DxTexts add-row="Tambah"></DxTexts>
               </DxItem>
             </DxToolbar>
-            <DxPaging :page-size="5" />
+            <DxPaging :page-size="10" />
             <DxPager
               :visible="true"
               :allowed-page-sizes="[5, 10, 50]"