diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index dd5fa9b..49a4a80 100755
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -1791,6 +1791,10 @@ body {
   width: 10px;
 }
 
+.w-\[135px\] {
+  width: 135px;
+}
+
 .w-\[170px\] {
   width: 170px;
 }
@@ -1823,10 +1827,6 @@ body {
   width: 100vw;
 }
 
-.w-\[135px\] {
-  width: 135px;
-}
-
 .min-w-0 {
   min-width: 0px;
 }
@@ -2202,12 +2202,6 @@ body {
   margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1rem * var(--tw-space-x-reverse));
-  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2226,12 +2220,6 @@ body {
   margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
 }
 
-.space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
-}
-
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -6038,6 +6026,10 @@ body {
     margin-right: 0.75rem;
   }
 
+  .lg\:mr-4 {
+    margin-right: 1rem;
+  }
+
   .lg\:mt-12 {
     margin-top: 3rem;
   }
@@ -6046,10 +6038,6 @@ body {
     margin-top: 1.5rem;
   }
 
-  .lg\:mr-4 {
-    margin-right: 1rem;
-  }
-
   .lg\:block {
     display: block;
   }
@@ -6078,34 +6066,6 @@ body {
     width: 20rem;
   }
 
-  .lg\:w-4\/12 {
-    width: 33.333333%;
-  }
-
-  .lg\:w-6\/12 {
-    width: 50%;
-  }
-
-  .lg\:w-1\/4 {
-    width: 25%;
-  }
-
-  .lg\:w-3\/4 {
-    width: 75%;
-  }
-
-  .lg\:w-2\/5 {
-    width: 40%;
-  }
-
-  .lg\:w-3\/5 {
-    width: 60%;
-  }
-
-  .lg\:w-8\/12 {
-    width: 66.666667%;
-  }
-
   .lg\:w-\[30\%\] {
     width: 30%;
   }
@@ -6136,12 +6096,6 @@ body {
     margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
-  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-y-reverse: 0;
-    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-    margin-bottom: calc(0px * var(--tw-space-y-reverse));
-  }
-
   .lg\:rounded-t-3xl {
     border-top-left-radius: 1.5rem;
     border-top-right-radius: 1.5rem;
diff --git a/src/components/Form/FiltersType/Type10.vue b/src/components/Form/FiltersType/Type10.vue
index 90f8ff4..002bd4f 100755
--- a/src/components/Form/FiltersType/Type10.vue
+++ b/src/components/Form/FiltersType/Type10.vue
@@ -83,10 +83,10 @@ onMounted(() => {
     <div class="flex flex-col flex-1 space-y-2">
       <label class="filter-input-label">Lapor Ulang:</label>
 
-      <div class="grid grid-flow-col auto-cols-auto gap-x-1.5">
-        <InputNumber @update:time-value="(value) => (data.minJmlLapor = value)" />
+      <div class="flex flex-1 justify-between gap-x-1.5">
+        <InputNumber @update:time-value="(value) => (data.minJmlLapor = value)" class="flex flex-1" />
         <small class="flex items-center">s/d</small>
-        <InputNumber @update:time-value="(value) => (data.maxJmlLapor = value)" />
+        <InputNumber @update:time-value="(value) => (data.maxJmlLapor = value)" class="flex flex-1" />
       </div>
     </div>
   </div>