diff --git a/src/pages/groups/ListToolbar.tsx b/src/pages/groups/ListToolbar.tsx
index 9d3dd1a..5fb7d4f 100644
--- a/src/pages/groups/ListToolbar.tsx
+++ b/src/pages/groups/ListToolbar.tsx
@@ -28,7 +28,6 @@ const ListToolBar = ({ createGroup, onReload, isReloading }: ListToolBarProps) =
                 placeholder="Search users"
                 value={usernameFilter}
                 onChange={handleUsernameChange}
-                className="input input-sm w-40"
               />
             </label>
           </div>
diff --git a/src/pages/members/manage-members/Columns.tsx b/src/pages/members/manage-members/Columns.tsx
index ae7159d..924f43a 100644
--- a/src/pages/members/manage-members/Columns.tsx
+++ b/src/pages/members/manage-members/Columns.tsx
@@ -9,6 +9,7 @@ import {
 } from '@/components/ui/dropdown-menu';
 import { ColumnDef } from '@tanstack/react-table';
 import { ArrowUpDown, MoreHorizontal } from 'lucide-react';
+import moment from 'moment';
 
 export type Members = {
   // id: number;
@@ -117,7 +118,7 @@ export const getColumns = (handleUpdate: (data: any) => void): ColumnDef<Members
         </Button>
       );
     },
-    cell: ({ row }) => new Date(row.original.created_at).toLocaleDateString()
+    cell: ({ row }) => moment(row.original.created_at).format('YYYY-MM-DD HH:mm:ss')
   },
   {
     id: 'actions',