chore: adjust styling for search input

src/figma-make/components/pages/master-data/employee/MasterEmployeeContent.tsx

@@ -332,20 +332,14 @@ export function MasterEmployeeContent() {
               <div className='flex items-center gap-3 flex-wrap'>
                 <div className='relative'>
                   <Search className='absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4' />
-                  {/* <Input
-                    type='text'
-                    placeholder='Cari nama ABK atau kandang...'
-                    value={tableFilterState.search}
-                    onChange={(e) => updateFilter('search', e.target.value)}
-                    className='pl-10 w-[280px] border-gray-200'
-                  /> */}
+
                   <DebouncedTextInput
                     name='search'
                     placeholder='Cari nama ABK atau kandang...'
                     value={tableFilterState.search}
                     onChange={(e) => updateFilter('search', e.target.value)}
                     className={{
-                      wrapper: 'w-[280px] border-gray-200',
+                      wrapper: 'w-full sm:w-[280px] border-gray-200',
                       inputWrapper: 'px-3 py-2 h-fit rounded-md',
                       input: 'text-sm',
                     }}
@@ -448,7 +442,8 @@ export function MasterEmployeeContent() {
                     isResponseSuccess(employees) &&
                     employees?.data?.length === 0,
                 }),
-                tableWrapperClassName: 'rounded-none',
+                tableWrapperClassName:
+                  'overflow-x-auto border border-solid border-base-content/10 rounded-none',
                 headerRowClassName: 'bg-gray-50/50',
                 headerColumnClassName:
                   'text-left py-3.5 px-6 text-sm font-semibold text-gray-700',