diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index f6d7cd6a9..1ee9ef13d 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -2,7 +2,7 @@
 name: Bug report
 about: Create a report to help us improve
 title: "[BUG] "
-labels: bugfix
+labels: ''
 assignees: ''
 
 ---
diff --git a/.github/ISSUE_TEMPLATE/feature.md b/.github/ISSUE_TEMPLATE/feature.md
index 7728f971d..d4eadbc4b 100644
--- a/.github/ISSUE_TEMPLATE/feature.md
+++ b/.github/ISSUE_TEMPLATE/feature.md
@@ -1,7 +1,7 @@
 ---
 name: Feature
 about: New feature on the front-end site
-title: "[FEATURE]"
+title: ''
 labels: feature
 assignees: ''
 
diff --git a/src/components/common/ui/form/input-mui/Input.styles.ts b/src/components/common/ui/form/input-mui/Input.styles.ts
index be24d00b2..5a5f93e90 100644
--- a/src/components/common/ui/form/input-mui/Input.styles.ts
+++ b/src/components/common/ui/form/input-mui/Input.styles.ts
@@ -57,7 +57,7 @@ export const label = (state: InputState): SxProps<Theme> => ({
 export const remark = (state: InputState): SxProps<Theme> => ({
   margin: '2px 8px 0 16px',
   '&.MuiFormHelperText-root': {
-    textTransform: 'lowercase',
+    textTransform: 'none',
   },
 
   ...(state === InputState.ERROR && {
diff --git a/src/components/common/ui/form/text-area-mui/TextArea.tsx b/src/components/common/ui/form/text-area-mui/TextArea.tsx
index de4208260..c85ab2f08 100644
--- a/src/components/common/ui/form/text-area-mui/TextArea.tsx
+++ b/src/components/common/ui/form/text-area-mui/TextArea.tsx
@@ -23,6 +23,7 @@ interface TextAreaProps {
   disabled?: boolean;
   showRemark?: boolean;
   rowsNumber?: number;
+  value?: string;
   sx?: SxProps<Theme>;
 }
 const TextArea: React.FC<TextAreaProps> = ({
@@ -33,6 +34,7 @@ const TextArea: React.FC<TextAreaProps> = ({
   disabled = false,
   showRemark = false,
   rowsNumber = 4,
+  value = '',
   sx = {},
 }) => {
   const [field, { touched, error }] = useField(name);
@@ -58,6 +60,7 @@ const TextArea: React.FC<TextAreaProps> = ({
         rows={rowsNumber}
         inputProps={{ maxLength: MAX_LENGTH }}
         color="warning"
+        value={value}
         placeholder={placeholder}
       />
       {showRemark && (
diff --git a/src/components/pages/account-page/components/group-tab/components/table/grid.styles.ts b/src/components/pages/account-page/components/group-tab/components/table/grid.styles.ts
index 3a3496ce6..854f3fc3c 100644
--- a/src/components/pages/account-page/components/group-tab/components/table/grid.styles.ts
+++ b/src/components/pages/account-page/components/group-tab/components/table/grid.styles.ts
@@ -31,8 +31,7 @@ export const row: SxProps<Theme> = {
         mobile: '8px',
         desktop: '16px',
       },
-      '& img': {
-        borderRadius: '50%',
+      '& .MuiAvatar-root': {
         width: { mobile: '36px', desktop: '48px' },
         height: { mobile: '36px', desktop: '48px' },
       },
diff --git a/src/components/pages/account-page/components/group-tab/components/table/student-table/StudentsTable.tsx b/src/components/pages/account-page/components/group-tab/components/table/student-table/StudentsTable.tsx
index 90371acb2..b41b5e7c9 100644
--- a/src/components/pages/account-page/components/group-tab/components/table/student-table/StudentsTable.tsx
+++ b/src/components/pages/account-page/components/group-tab/components/table/student-table/StudentsTable.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { PlusIcon } from '@heroicons/react/24/solid';
-import { Box, Grid, Typography, useMediaQuery } from '@mui/material';
+import { Avatar, Box, Grid, Typography, useMediaQuery } from '@mui/material';
 
 import { Captain } from '@/components/common/icons/Captain';
 import { Moderator } from '@/components/common/icons/Moderator';
@@ -87,7 +87,7 @@ const StudentsTable: React.FC<StudentsTableProps> = ({
           <Grid container key={index} sx={gridStyles.row}>
             {row.imgSrc && (
               <Grid item desktop={4} mobile={9}>
-                <img width={48} height={48} src={row.imgSrc} alt="avatar" />
+                <Avatar src={row.imgSrc} alt="avatar" />
                 {!isMobile && (
                   <Typography className="name">{row.fullName}</Typography>
                 )}
diff --git a/src/components/pages/account-page/components/security-tab/components/change-password-form/ChangePasswordForm.tsx b/src/components/pages/account-page/components/security-tab/components/change-password-form/ChangePasswordForm.tsx
index 799b24f5b..6e38570fc 100644
--- a/src/components/pages/account-page/components/security-tab/components/change-password-form/ChangePasswordForm.tsx
+++ b/src/components/pages/account-page/components/security-tab/components/change-password-form/ChangePasswordForm.tsx
@@ -58,6 +58,7 @@ const ChangePasswordForm = () => {
               type={InputType.PASSWORD}
               name="oldPassword"
               isSuccessOnDefault={true}
+              showRemark={true}
             />
             {errors.oldPassword === 'Введений пароль недійсний' && (
               <Typography variant="body2">
@@ -77,6 +78,7 @@ const ChangePasswordForm = () => {
               name="newPassword"
               disabled={!!errors.oldPassword}
               isSuccessOnDefault={true}
+              showRemark={true}
             />
             <Input
               sx={styles.input}
@@ -86,6 +88,7 @@ const ChangePasswordForm = () => {
               name="confirmationPassword"
               disabled={!!errors.oldPassword || !!errors.newPassword}
               isSuccessOnDefault={true}
+              showRemark={true}
             />
             <Box sx={styles.confirmButton}>
               <Button
diff --git a/src/components/pages/account-page/components/security-tab/components/change-password-form/validation/index.ts b/src/components/pages/account-page/components/security-tab/components/change-password-form/validation/index.ts
index 2d7cf55d1..ea5d446f5 100644
--- a/src/components/pages/account-page/components/security-tab/components/change-password-form/validation/index.ts
+++ b/src/components/pages/account-page/components/security-tab/components/change-password-form/validation/index.ts
@@ -11,9 +11,11 @@ export const validationSchema = yup.object().shape({
   newPassword: yup
     .string()
     .required(`Обов'язкове поле`)
+    .min(8, 'Не коротше 8 символів')
+    .max(32, 'Не довше 32 символів')
     .matches(
-      /^(?=.*[A-Za-z])(?=.*\d)[\w\W]+$/,
-      'Мінімум одна латинська літера та одна цифра',
+      /^(?=.*[A-Z])(?=.*\d)(?=.*[\W_])[\w\W]+$/,
+      'Мінімум одна велика латинська літера, одна цифра та один спеціальний символ',
     ),
   confirmationPassword: yup
     .string()
diff --git a/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.styles.ts b/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.styles.ts
new file mode 100644
index 000000000..3da207c6b
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.styles.ts
@@ -0,0 +1,25 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const pagination: SxProps<Theme> = {
+  display: 'flex',
+  justifyContent: 'flex-end',
+  alignItems: 'center',
+  borderBottom: 'none',
+  color: 'backgroundDark.600',
+  '& .MuiTablePagination-selectLabel': {
+    typography: 'body1Bold',
+  },
+  '& .MuiTablePagination-select, & .MuiTablePagination-displayedRows': {
+    color: 'white.main',
+    typography: 'body1Medium',
+  },
+  '& .MuiTablePagination-selectIcon': {
+    color: 'backgroundDark.600',
+  },
+  '& .MuiTablePagination-actions': {
+    '& .Mui-disabled': {
+      color: 'backgroundDark.500',
+    },
+    color: 'backgroundDark.600',
+  },
+};
diff --git a/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.tsx b/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.tsx
new file mode 100644
index 000000000..851489173
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/TeachersAdminPage.tsx
@@ -0,0 +1,71 @@
+import React, { FC, useState } from 'react';
+import { useQuery } from 'react-query';
+import { Box, TablePagination } from '@mui/material';
+import { isAxiosError } from 'axios';
+
+import TeachersAdminSearch from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search';
+import { initialValues } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants';
+import { AdminSearchFormFields } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types';
+import TeachersTable from '@/components/pages/admin/teachers-admin-page/components/teachers-table';
+import { useToastError } from '@/hooks/use-toast-error/useToastError';
+import teachersApi from '@/lib/api/teacher/TeacherAPI';
+
+import * as styles from './TeachersAdminPage.styles';
+
+const TeachersAdminPage: FC = () => {
+  const [count, setCount] = useState(0);
+  const [pageSize, setPageSize] = useState(10);
+  const [curPage, setCurPage] = useState(0);
+  const [params, setParams] = useState<AdminSearchFormFields>(initialValues);
+  const toast = useToastError();
+  const { data, isLoading, refetch } = useQuery(
+    [curPage, 'teachers', pageSize],
+    () => teachersApi.getAll(params, pageSize, curPage),
+    {
+      keepPreviousData: true,
+      refetchOnWindowFocus: false,
+      onSuccess: data => {
+        setCount(data?.pagination?.totalAmount || 0);
+      },
+      onError: error => {
+        if (isAxiosError(error)) {
+          toast.displayError(error.response?.data.message);
+        }
+      },
+    },
+  );
+
+  const handleChange = (values: AdminSearchFormFields) => {
+    setParams(values);
+    setCurPage(0);
+    refetch();
+  };
+
+  const handleRowsPerPageChange = (
+    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+  ) => {
+    setPageSize(Number(event.target.value));
+    setCurPage(0);
+  };
+
+  return (
+    <Box sx={{ p: '20px 16px 0 16px' }}>
+      <TeachersAdminSearch onSubmit={handleChange} />
+      <TeachersTable
+        teachers={data?.teachers}
+        isLoading={isLoading}
+        count={pageSize}
+      />
+      <TablePagination
+        sx={styles.pagination}
+        count={count}
+        page={curPage}
+        rowsPerPage={pageSize}
+        onPageChange={(e, page) => setCurPage(page)}
+        onRowsPerPageChange={e => handleRowsPerPageChange(e)}
+      />
+    </Box>
+  );
+};
+
+export default TeachersAdminPage;
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.styles.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.styles.ts
new file mode 100644
index 000000000..78a1d238f
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.styles.ts
@@ -0,0 +1,31 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const header: SxProps<Theme> = {
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  width: '100%',
+};
+
+export const form: SxProps<Theme> = {
+  display: 'flex',
+  flexDirection: 'row',
+  alignItems: 'center',
+  gap: '5px',
+};
+
+export const input: SxProps<Theme> = {
+  width: '344px',
+};
+
+export const divider: SxProps<Theme> = {
+  borderColor: 'backgroundDark.600',
+  height: '46px',
+};
+
+export const button: SxProps<Theme> = {
+  width: '135px',
+  height: '48px',
+  borderRadius: '8px',
+};
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.tsx b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.tsx
new file mode 100644
index 000000000..4e44d947a
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/TeachersAdminSearch.tsx
@@ -0,0 +1,89 @@
+import React, { FC, useCallback, useState } from 'react';
+import {
+  BarsArrowDownIcon,
+  BarsArrowUpIcon,
+} from '@heroicons/react/24/outline';
+import { Box, Divider } from '@mui/material';
+import { Form, Formik } from 'formik';
+
+import Button from '@/components/common/ui/button-mui';
+import { ButtonSize } from '@/components/common/ui/button-mui/types';
+import { Input, InputSize, InputType } from '@/components/common/ui/form';
+import {
+  IconButtonColor,
+  IconButtonShape,
+} from '@/components/common/ui/icon-button';
+import IconButton from '@/components/common/ui/icon-button-mui';
+import { IconButtonSize } from '@/components/common/ui/icon-button-mui/types';
+import { initialValues } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants';
+import { AdminSearchFormFields } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types';
+
+import * as styles from './TeachersAdminSearch.styles';
+
+export interface TeachersAdminSearchProps {
+  onSubmit: (values: AdminSearchFormFields) => void;
+}
+
+const TeachersAdminSearch: FC<TeachersAdminSearchProps> = ({ onSubmit }) => {
+  const [order, setOrder] = useState<'asc' | 'desc'>('asc');
+  const handleFormSubmit = useCallback(
+    (values: AdminSearchFormFields) => {
+      onSubmit({ ...values, order });
+    },
+    [onSubmit, order],
+  );
+
+  const handleOrderChange = (values: AdminSearchFormFields) => {
+    setOrder(prevOrder => (prevOrder === 'asc' ? 'desc' : 'asc'));
+    handleFormSubmit(values);
+  };
+
+  return (
+    <Formik initialValues={initialValues} onSubmit={handleFormSubmit}>
+      {({ values }) => (
+        <Form>
+          <Box sx={styles.header}>
+            <Box sx={styles.form}>
+              <Box>
+                <Input
+                  value={values.search}
+                  onChange={() => onSubmit(values)}
+                  size={InputSize.LARGE}
+                  type={InputType.SEARCH}
+                  width={344}
+                  name="search"
+                  placeholder="Пошук"
+                  showRemark={false}
+                />
+              </Box>
+              <Divider orientation="vertical" sx={styles.divider} />
+              <Box>
+                <IconButton
+                  onClick={() => handleOrderChange(values)}
+                  shape={IconButtonShape.SQUARE}
+                  color={IconButtonColor.SECONDARY}
+                  size={IconButtonSize.LARGE}
+                  icon={
+                    values.order === 'asc' ? (
+                      <BarsArrowDownIcon />
+                    ) : (
+                      <BarsArrowUpIcon />
+                    )
+                  }
+                />
+              </Box>
+            </Box>
+            <Button
+              size={ButtonSize.MEDIUM}
+              sx={styles.button}
+              text="Створити"
+              href="/admin/teachers/create"
+            />
+          </Box>
+        </Form>
+      )}
+    </Formik>
+  );
+};
+
+export default TeachersAdminSearch;
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants/index.ts
new file mode 100644
index 000000000..08a52440c
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants/index.ts
@@ -0,0 +1,23 @@
+import { DropDownOption } from '@/components/common/ui/form/dropdown/types';
+import { AdminSearchFormFields } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types';
+
+export const initialValues: AdminSearchFormFields = {
+  search: '',
+  sort: 'lastName',
+  order: 'asc',
+};
+
+export const tags: DropDownOption[] = [
+  {
+    label: 'Лекції',
+    id: 'lecture',
+  },
+  {
+    label: 'Практики',
+    id: 'practice',
+  },
+  {
+    label: 'Лабораторні',
+    id: 'laboratory',
+  },
+];
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/index.ts
new file mode 100644
index 000000000..af2df7fe4
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersAdminSearch';
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types/index.ts
new file mode 100644
index 000000000..60a03e576
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types/index.ts
@@ -0,0 +1,5 @@
+export interface AdminSearchFormFields {
+  search: string;
+  order: 'desc' | 'asc';
+  sort: string;
+}
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.styles.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.styles.ts
new file mode 100644
index 000000000..ea3360b29
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.styles.ts
@@ -0,0 +1 @@
+import { SxProps, Theme } from '@mui/material/styles';
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.tsx b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.tsx
new file mode 100644
index 000000000..747aa3208
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/TeachersAdminSelect.tsx
@@ -0,0 +1,57 @@
+import { FC } from 'react';
+import {
+  FormControl,
+  InputLabel,
+  MenuItem,
+  OutlinedInput,
+  Select,
+  SelectChangeEvent,
+} from '@mui/material';
+
+import * as styles from './TeachersAdminSelect.styles';
+
+const ITEM_HEIGHT = 48;
+const ITEM_PADDING_TOP = 8;
+const MenuProps = {
+  PaperProps: {
+    style: {
+      maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,
+      width: 250,
+    },
+  },
+};
+
+interface TeachersAdminSelectProps {
+  value: string;
+  values: string[];
+  handleChange: (event: SelectChangeEvent) => void;
+}
+
+const TeachersAdminSelect: FC<TeachersAdminSelectProps> = ({
+  value,
+  values,
+  handleChange,
+}) => {
+  return (
+    <FormControl sx={{ m: 1, width: 300 }}>
+      <InputLabel id="demo-multiple-name-label">Name</InputLabel>
+      <Select
+        labelId="demo-multiple-name-label"
+        id="demo-multiple-name"
+        multiple
+        value={value}
+        onChange={handleChange}
+        input={<OutlinedInput label="Name" />}
+        MenuProps={MenuProps}
+      >
+        {values.map(name => (
+          <MenuItem key={name} value={name}>
+            {name}
+          </MenuItem>
+        ))}
+      </Select>
+    </FormControl>
+  );
+};
+
+export default TeachersAdminSelect;
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/index.ts
new file mode 100644
index 000000000..028a78377
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-admin-select/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersAdminSelect';
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.styles.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.styles.ts
new file mode 100644
index 000000000..1b85d2d86
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.styles.ts
@@ -0,0 +1,31 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const headItem: SxProps<Theme> = {
+  typography: 'body1Bold',
+  color: 'white.main',
+  borderBottom: '1px solid',
+  borderColor: 'backgroundDark.400',
+};
+
+export const bodyItem: SxProps<Theme> = {
+  typography: 'body1Medium',
+  color: 'white.main',
+  borderBottom: '1px solid',
+  borderColor: 'backgroundDark.400',
+};
+
+export const tag: SxProps<Theme> = {
+  typography: 'body1Medium',
+  color: 'white.main',
+};
+
+export const tableColumn: SxProps<Theme> = {
+  flexDirection: 'row',
+  gap: '8px',
+  alignItems: 'center',
+};
+
+export const button: SxProps<Theme> = {
+  borderRadius: '8px',
+  width: '157px',
+};
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.tsx b/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.tsx
new file mode 100644
index 000000000..2240f5324
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/TeachersTable.tsx
@@ -0,0 +1,154 @@
+import React, { FC } from 'react';
+import { PencilSquareIcon } from '@heroicons/react/24/solid';
+import {
+  Avatar,
+  Stack,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableRow,
+  Typography,
+} from '@mui/material';
+import { isAxiosError } from 'axios';
+
+import Button from '@/components/common/ui/button-mui';
+import {
+  ButtonSize,
+  ButtonVariant,
+} from '@/components/common/ui/button-mui/types';
+import { TrashBucketButton } from '@/components/common/ui/icon-button-mui/variants';
+import Tag from '@/components/common/ui/tag';
+import {
+  TagColor,
+  TagSize,
+  TagVariant,
+} from '@/components/common/ui/tag/types';
+import TeachersSkeleton from '@/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton';
+import { useToastError } from '@/hooks/use-toast-error/useToastError';
+import TeacherAPI from '@/lib/api/teacher/TeacherAPI';
+import mergeSx from '@/lib/utils/MergeSxStylesUtil';
+import { Teacher } from '@/types/teacher';
+
+import * as styles from './TeachersTable.styles';
+
+interface TeachersAdminSearchProps {
+  teachers?: Omit<Teacher, 'role'>[];
+  isLoading?: boolean;
+  count: number;
+}
+
+const TeachersTable: FC<TeachersAdminSearchProps> = ({
+  teachers,
+  isLoading,
+  count,
+}) => {
+  const toast = useToastError();
+
+  const deleteTeacher = async (id: string) => {
+    try {
+      await TeacherAPI.delete(id);
+    } catch (e) {
+      if (isAxiosError(e)) {
+        console.log(e.response?.data);
+        toast.displayError(e.response?.data.message);
+      }
+    }
+  };
+
+  return (
+    <Table>
+      <TableHead>
+        <TableCell sx={mergeSx(styles.headItem, { minWidth: '574px' })}>
+          Викладач
+        </TableCell>
+        <TableCell sx={styles.headItem}>Кафедри</TableCell>
+        <TableCell sx={styles.headItem}>Теги</TableCell>
+        <TableCell sx={styles.headItem} />
+      </TableHead>
+      <TableBody>
+        {isLoading && (
+          <>
+            {Array.from({ length: count }, (_, index) => (
+              <TeachersSkeleton key={index} />
+            ))}
+          </>
+        )}
+        {teachers &&
+          teachers.map((teacher, index) => (
+            <TableRow key={index}>
+              <TableCell sx={styles.bodyItem}>
+                <Stack sx={styles.tableColumn}>
+                  <Avatar src={teacher.avatar} sx={{ width: 36, height: 36 }} />
+                  <Typography sx={{ ml: '16px' }}>
+                    {teacher.lastName} {teacher.firstName[0]}.{' '}
+                    {teacher.middleName[0]}.
+                  </Typography>
+                </Stack>
+              </TableCell>
+              <TableCell sx={styles.bodyItem}>
+                <Stack sx={styles.tableColumn}>
+                  <Tag
+                    text="ОТ"
+                    variant={TagVariant.OUTLINE}
+                    color={TagColor.VIOLET}
+                    size={TagSize.SMALL}
+                    sx={styles.tag}
+                  />
+                  <Tag
+                    text="ІПІ"
+                    variant={TagVariant.OUTLINE}
+                    color={TagColor.ORANGE}
+                    size={TagSize.SMALL}
+                    sx={styles.tag}
+                  />
+                </Stack>
+              </TableCell>
+              <TableCell sx={styles.bodyItem}>
+                <Stack sx={styles.tableColumn}>
+                  <Tag
+                    text="Лекції"
+                    variant={TagVariant.FILL}
+                    color={TagColor.VIOLET}
+                    size={TagSize.SMALL}
+                    sx={styles.tag}
+                  />
+                  <Tag
+                    text="Практики"
+                    variant={TagVariant.FILL}
+                    color={TagColor.ORANGE}
+                    size={TagSize.SMALL}
+                    sx={styles.tag}
+                  />
+                  <Tag
+                    text="Лабораторні"
+                    variant={TagVariant.FILL}
+                    color={TagColor.INDIGO}
+                    size={TagSize.SMALL}
+                    sx={styles.tag}
+                  />
+                </Stack>
+              </TableCell>
+              <TableCell sx={styles.bodyItem}>
+                <Stack sx={styles.tableColumn}>
+                  <Button
+                    href={`/admin/teachers/edit/${teacher.id}`}
+                    text="Редагувати"
+                    variant={ButtonVariant.OUTLINE}
+                    startIcon={<PencilSquareIcon />}
+                    size={ButtonSize.SMALL}
+                    sx={styles.button}
+                  />
+                  <TrashBucketButton
+                    onClick={() => deleteTeacher(teacher.id)}
+                  />
+                </Stack>
+              </TableCell>
+            </TableRow>
+          ))}
+      </TableBody>
+    </Table>
+  );
+};
+
+export default TeachersTable;
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.styles.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.styles.ts
new file mode 100644
index 000000000..b06507c4d
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.styles.ts
@@ -0,0 +1,28 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const bodyItem: SxProps<Theme> = {
+  typography: 'body1Medium',
+  borderBottom: '1px solid',
+  borderColor: 'backgroundDark.400',
+};
+
+export const tag: SxProps<Theme> = {
+  height: '35px',
+  width: '35px',
+};
+export const longTag: SxProps<Theme> = {
+  width: '60px',
+  height: '35px',
+};
+
+export const tableColumn: SxProps<Theme> = {
+  flexDirection: 'row',
+  gap: '8px',
+  alignItems: 'center',
+};
+
+export const button: SxProps<Theme> = {
+  borderRadius: '8px',
+  width: '157px',
+  height: '30px',
+};
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.tsx b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.tsx
new file mode 100644
index 000000000..140c53a38
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/TeachersSkeleton.tsx
@@ -0,0 +1,45 @@
+import React, { FC } from 'react';
+import { Skeleton, Stack, TableCell, TableRow } from '@mui/material';
+
+import * as styles from './TeachersSkeleton.styles';
+
+interface TeachersSkeletonProps {
+  isLoading?: boolean;
+}
+
+const TeachersSkeleton: FC<TeachersSkeletonProps> = () => {
+  return (
+    <TableRow>
+      <TableCell sx={styles.bodyItem}>
+        <Stack sx={styles.tableColumn}>
+          <Skeleton variant="circular" sx={{ width: 36, height: 36 }} />
+          <Skeleton
+            variant="text"
+            sx={{ ml: '16px', width: 200, height: 36 }}
+          />
+        </Stack>
+      </TableCell>
+      <TableCell sx={styles.bodyItem}>
+        <Stack sx={styles.tableColumn}>
+          <Skeleton variant="text" sx={styles.tag} />
+          <Skeleton variant="text" sx={styles.tag} />
+        </Stack>
+      </TableCell>
+      <TableCell sx={styles.bodyItem}>
+        <Stack sx={styles.tableColumn}>
+          <Skeleton variant="text" sx={styles.longTag} />
+          <Skeleton variant="text" sx={styles.longTag} />
+          <Skeleton variant="text" sx={styles.longTag} />
+        </Stack>
+      </TableCell>
+      <TableCell sx={styles.bodyItem}>
+        <Stack sx={styles.tableColumn}>
+          <Skeleton variant="rounded" sx={styles.button} />
+          <Skeleton variant="circular" sx={{ width: 36, height: 36 }} />
+        </Stack>
+      </TableCell>
+    </TableRow>
+  );
+};
+
+export default TeachersSkeleton;
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/index.ts
new file mode 100644
index 000000000..45dff141b
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/components/teachers-skeleton/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersSkeleton';
diff --git a/src/components/pages/admin/teachers-admin-page/components/teachers-table/index.ts b/src/components/pages/admin/teachers-admin-page/components/teachers-table/index.ts
new file mode 100644
index 000000000..e63ed331e
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/components/teachers-table/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersTable';
diff --git a/src/components/pages/admin/teachers-admin-page/index.ts b/src/components/pages/admin/teachers-admin-page/index.ts
new file mode 100644
index 000000000..c608c71b0
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersAdminPage';
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.styles.ts b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.styles.ts
new file mode 100644
index 000000000..ea3360b29
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.styles.ts
@@ -0,0 +1 @@
+import { SxProps, Theme } from '@mui/material/styles';
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.tsx b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.tsx
new file mode 100644
index 000000000..f36bd21c2
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/TeachersAdminCreatePage.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { Box } from '@mui/material';
+
+import * as styles from './TeachersAdminCreatePage.styles';
+
+const TeachersAdminCreatePage: FC = () => {
+  return <Box></Box>;
+};
+
+export default TeachersAdminCreatePage;
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/index.ts b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/index.ts
new file mode 100644
index 000000000..cac75817b
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersAdminCreatePage';
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.styles.ts b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.styles.ts
new file mode 100644
index 000000000..874150202
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.styles.ts
@@ -0,0 +1,41 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const header: SxProps<Theme> = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+};
+
+export const editName: SxProps<Theme> = {
+  width: '657px',
+  p: '16px',
+  borderBottom: '1px solid',
+  borderColor: 'backgroundDark.400',
+};
+
+export const name: SxProps<Theme> = {
+  typography: 'body2',
+  color: '#bbbbbb',
+  fontWeight: 500,
+};
+
+export const button: SxProps<Theme> = {
+  width: '171px',
+  height: '48px',
+  p: '12px 24px',
+  borderRadius: '8px',
+};
+
+export const input: SxProps<Theme> = {
+  width: '308px',
+};
+
+export const textArea: SxProps<Theme> = {
+  width: '655px',
+  '&.MuiFormControl-root': {
+    '& .MuiInputBase-root, label': {
+      margin: 0,
+    },
+  },
+  mb: '20px',
+};
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.tsx b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.tsx
new file mode 100644
index 000000000..02ce32e16
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/TeachersAdminEditPage.tsx
@@ -0,0 +1,120 @@
+import React, { FC } from 'react';
+import { useQuery } from 'react-query';
+import { TrashIcon } from '@heroicons/react/24/outline';
+import { Avatar, Box, Stack, Typography } from '@mui/material';
+import { Form, Formik } from 'formik';
+import Image from 'next/image';
+
+import Button from '@/components/common/ui/button-mui';
+import {
+  ButtonColor,
+  ButtonSize,
+  ButtonVariant,
+} from '@/components/common/ui/button-mui/types';
+import Divider from '@/components/common/ui/divider';
+import Input from '@/components/common/ui/form/input-mui';
+import { InputSize } from '@/components/common/ui/form/input-mui/types';
+import TextArea from '@/components/common/ui/form/text-area-mui';
+import { initialValues } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/constants';
+import { AdminSearchFormFields } from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-search/types';
+import TeachersAdminSelect from '@/components/pages/admin/teachers-admin-page/components/teachers-admin-select';
+import TeacherAPI from '@/lib/api/teacher/TeacherAPI';
+
+import * as styles from './TeachersAdminEditPage.styles';
+
+interface TeachersAdminEditPageProps {
+  teacherId: string;
+}
+
+const TeachersAdminEditPage: FC<TeachersAdminEditPageProps> = ({
+  teacherId,
+}) => {
+  const { data: teacher } = useQuery('teacher', () =>
+    TeacherAPI.get(teacherId),
+  );
+  const handleFormSubmit = (values: AdminSearchFormFields) => {};
+  return (
+    <Box sx={{ p: '16px' }}>
+      <Formik initialValues={initialValues} onSubmit={handleFormSubmit}>
+        {({ values }) => (
+          <Form>
+            <Box>
+              <Box sx={styles.header}>
+                <Box sx={styles.editName}>
+                  <Typography sx={{ typography: 'h5' }}>Редагування</Typography>
+                  <Typography sx={styles.name}>
+                    {teacher?.lastName} {teacher?.firstName}{' '}
+                    {teacher?.middleName}
+                  </Typography>
+                </Box>
+                <Stack flexDirection="row" gap="8px">
+                  <Button
+                    sx={styles.button}
+                    size={ButtonSize.MEDIUM}
+                    color={ButtonColor.SECONDARY}
+                    text="Скасувати"
+                  />
+                  <Button
+                    sx={styles.button}
+                    size={ButtonSize.MEDIUM}
+                    variant={ButtonVariant.OUTLINE}
+                    color={ButtonColor.SECONDARY}
+                    startIcon={<TrashIcon />}
+                    text="Видалити"
+                  />
+                  <Button
+                    sx={styles.button}
+                    size={ButtonSize.MEDIUM}
+                    text="Зберегти"
+                  />
+                </Stack>
+              </Box>
+              {teacher && (
+                <Stack flexDirection="column" gap="10px">
+                  <Stack flexDirection="row" gap="36px">
+                    <Stack flexDirection="column" gap="10px">
+                      <Input
+                        size={InputSize.MEDIUM}
+                        sx={styles.input}
+                        onChange={() => {}}
+                        label="Ім'я"
+                        value={teacher.firstName}
+                      />
+                      <Input
+                        size={InputSize.MEDIUM}
+                        sx={styles.input}
+                        onChange={() => {}}
+                        label="Прізвище"
+                        value={teacher.lastName}
+                      />
+                      <Input
+                        size={InputSize.MEDIUM}
+                        sx={styles.input}
+                        onChange={() => {}}
+                        label="По батькові"
+                        value={teacher.middleName}
+                      />
+                    </Stack>
+                    <Avatar
+                      src={teacher.avatar}
+                      sx={{ width: 160, height: 160 }}
+                    />
+                  </Stack>
+                  <TextArea
+                    sx={styles.textArea}
+                    value={teacher.description}
+                    name={'description'}
+                    label="Опис викладача"
+                  />
+                  <Divider />
+                </Stack>
+              )}
+            </Box>
+          </Form>
+        )}
+      </Formik>
+    </Box>
+  );
+};
+
+export default TeachersAdminEditPage;
diff --git a/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/index.ts b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/index.ts
new file mode 100644
index 000000000..754c9afde
--- /dev/null
+++ b/src/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page/index.ts
@@ -0,0 +1 @@
+export { default } from './TeachersAdminEditPage';
diff --git a/src/components/pages/register/register-page/components/register-form/validation/index.ts b/src/components/pages/register/register-page/components/register-form/validation/index.ts
index d1ca1a308..500019e33 100644
--- a/src/components/pages/register/register-page/components/register-form/validation/index.ts
+++ b/src/components/pages/register/register-page/components/register-form/validation/index.ts
@@ -41,9 +41,11 @@ export const validationSchema = yup.object().shape({
   password: yup
     .string()
     .required(`Обов'язкове поле`)
+    .min(8, 'Не коротше 8 символів')
+    .max(32, 'Не довше 32 символів')
     .matches(
-      /^(?=.*[A-Za-z])(?=.*\d)[\w\W]+$/,
-      'Мінімум одна латинська літера та одна цифра',
+      /^(?=.*[A-Z])(?=.*\d)(?=.*[\W_])[\w\W]+$/,
+      'Мінімум одна велика латинська літера, одна цифра та один спеціальний символ',
     ),
   passwordConfirmation: yup
     .string()
diff --git a/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.styles.ts b/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.styles.ts
index ae693a8d5..b2080cddb 100644
--- a/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.styles.ts
+++ b/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.styles.ts
@@ -116,3 +116,10 @@ export const calendar: SxProps<Theme> = {
     },
   },
 };
+
+export const remark: SxProps<Theme> = {
+  pl: '16px',
+  fontSize: '11px',
+  color: 'error.500',
+  mb: '0px',
+};
diff --git a/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.tsx b/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.tsx
index b958a9f3b..a1d6e0b31 100644
--- a/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.tsx
+++ b/src/components/pages/schedule-page/schedule-event-edit-section/schedule-form/components/calendar-input/CalendarInput.tsx
@@ -1,9 +1,10 @@
 import { Dispatch, FC } from 'react';
 import { CalendarIcon as CalendarIconMUI } from '@heroicons/react/24/outline';
-import { Box } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { ukUA } from '@mui/x-date-pickers';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import dayjs, { Dayjs } from 'dayjs';
+import { useField } from 'formik';
 
 import { useSchedule } from '@/store/schedule/useSchedule';
 
@@ -24,6 +25,18 @@ const CalendarIcon = () => {
 };
 
 const CalendarInput: FC<CalendarInputProps> = ({ date, setDate }) => {
+  const [, { touched, error }, { setTouched: setTouchedStartTime }] =
+    useField('startTime');
+  const [, , { setTouched: setTouchedEndTime }] = useField('endTime');
+
+  const onChange = (value: dayjs.Dayjs | null) => {
+    if (!date) {
+      setTouchedStartTime(false);
+      setTouchedEndTime(false);
+    }
+    setDate(value && value.valueOf() > 0 ? value : null);
+  };
+
   const semester = useSchedule(state => state.semester);
   return (
     <Box sx={styles.wrapper}>
@@ -35,7 +48,7 @@ const CalendarInput: FC<CalendarInputProps> = ({ date, setDate }) => {
         slots={{ openPickerIcon: CalendarIcon }}
         sx={styles.datePicker}
         value={dayjs(date).tz()}
-        onChange={value => setDate(value && value.valueOf() > 0 ? value : null)}
+        onChange={onChange}
         minDate={dayjs(semester?.startDate).tz()}
         maxDate={dayjs(semester?.endDate).tz()}
         localeText={ukrainianLocale}
@@ -45,6 +58,11 @@ const CalendarInput: FC<CalendarInputProps> = ({ date, setDate }) => {
         closeOnSelect
         desktopModeMediaQuery="@media (min-width: 0px)"
       />
+      {touched && error && !date && (
+        <Typography sx={styles.remark} paragraph>
+          Обов'язкове поле
+        </Typography>
+      )}
     </Box>
   );
 };
diff --git a/src/components/pages/search-pages/search-form/SearchForm.tsx b/src/components/pages/search-pages/search-form/SearchForm.tsx
index d398e0862..c5996c8cd 100644
--- a/src/components/pages/search-pages/search-form/SearchForm.tsx
+++ b/src/components/pages/search-pages/search-form/SearchForm.tsx
@@ -126,6 +126,7 @@ const SearchForm: FC<SearchFormProps> = ({
                   showRemark={false}
                   value={values.sort}
                   options={filterDropDownOptions}
+                  disableClearable
                 />
               </Box>
               <Box>
diff --git a/src/lib/api/cathedras/CathedraAPI.ts b/src/lib/api/cathedras/CathedraAPI.ts
new file mode 100644
index 000000000..411b1f38d
--- /dev/null
+++ b/src/lib/api/cathedras/CathedraAPI.ts
@@ -0,0 +1,11 @@
+import { client } from '@/lib/api/instance';
+import { getAuthorizationHeader } from '@/lib/api/utils';
+
+class CathedraAPI {
+  async getAll() {
+    const { data } = await client.get('/cathedras', getAuthorizationHeader());
+    return data;
+  }
+}
+
+export default new CathedraAPI();
diff --git a/src/lib/api/subject/types/GetListOfSubjectsResponse.ts b/src/lib/api/subject/types/GetListOfSubjectsResponse.ts
index c600c13bc..a865ec5e2 100644
--- a/src/lib/api/subject/types/GetListOfSubjectsResponse.ts
+++ b/src/lib/api/subject/types/GetListOfSubjectsResponse.ts
@@ -1,7 +1,7 @@
-import { Meta } from '@/types/api';
+import { Pagination } from '@/types/api';
 import { Subject } from '@/types/subject';
 
 export interface GetListOfSubjectsResponse {
   subjects: Subject[];
-  meta?: Meta;
+  pagination?: Pagination;
 }
diff --git a/src/lib/api/teacher/TeacherAPI.ts b/src/lib/api/teacher/TeacherAPI.ts
index bab07e88b..b10e27c17 100644
--- a/src/lib/api/teacher/TeacherAPI.ts
+++ b/src/lib/api/teacher/TeacherAPI.ts
@@ -18,11 +18,16 @@ class TeacherAPI {
     return data;
   }
 
-  async getAll(params: Partial<SearchFormFields> = {}, pageSize?: number) {
+  async getAll(
+    params: Partial<SearchFormFields> = {},
+    pageSize?: number,
+    page?: number,
+  ) {
     const { data } = await client.get<GetTeachersResponse>('/teachers', {
       params: {
         ...params,
         pageSize,
+        page,
       },
     });
     return data;
@@ -57,6 +62,10 @@ class TeacherAPI {
     return data;
   }
 
+  async delete(teacherId: string) {
+    await client.delete(`/teachers/${teacherId}`, getAuthorizationHeader());
+  }
+
   async getTeacherMarks(
     teacherId: string,
     subjectId?: string,
diff --git a/src/lib/api/teacher/types/GetTeachersResponse.ts b/src/lib/api/teacher/types/GetTeachersResponse.ts
index 1579ced62..aebf00402 100644
--- a/src/lib/api/teacher/types/GetTeachersResponse.ts
+++ b/src/lib/api/teacher/types/GetTeachersResponse.ts
@@ -1,7 +1,7 @@
-import { Meta } from '@/types/api';
+import { Pagination } from '@/types/api';
 import { Teacher } from '@/types/teacher';
 
 export interface GetTeachersResponse {
   teachers: Omit<Teacher, 'role'>[];
-  meta?: Meta;
+  pagination?: Pagination;
 }
diff --git a/src/pages/admin/teachers/create.tsx b/src/pages/admin/teachers/create.tsx
index a30f8a061..dacb03b5c 100644
--- a/src/pages/admin/teachers/create.tsx
+++ b/src/pages/admin/teachers/create.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
 
 import AdminPanelLayout from '@/components/common/layout/admin-panel-layout/AdminPanelLayout';
+import TeachersAdminCreatePage from '@/components/pages/admin/teachers-admin-page/pages/teachers-admin-create-page';
 
 const Create = () => {
   return (
     <AdminPanelLayout>
-      <div></div>
+      <TeachersAdminCreatePage />
     </AdminPanelLayout>
   );
 };
diff --git a/src/pages/admin/teachers/edit/[teacherId].tsx b/src/pages/admin/teachers/edit/[teacherId].tsx
index ba71e8614..bd3f9e6d9 100644
--- a/src/pages/admin/teachers/edit/[teacherId].tsx
+++ b/src/pages/admin/teachers/edit/[teacherId].tsx
@@ -1,11 +1,16 @@
 import React from 'react';
+import { useRouter } from 'next/router';
 
 import AdminPanelLayout from '@/components/common/layout/admin-panel-layout/AdminPanelLayout';
+import TeachersAdminEditPage from '@/components/pages/admin/teachers-admin-page/pages/teachers-admin-edit-page';
 
 const TeacherId = () => {
+  const router = useRouter();
+  const teacherId = router.query.teacherId as string;
+  console.log(teacherId);
   return (
     <AdminPanelLayout>
-      <div></div>
+      <TeachersAdminEditPage teacherId={teacherId} />
     </AdminPanelLayout>
   );
 };
diff --git a/src/pages/admin/teachers/index.tsx b/src/pages/admin/teachers/index.tsx
index 9ad740aa0..30cb69438 100644
--- a/src/pages/admin/teachers/index.tsx
+++ b/src/pages/admin/teachers/index.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
 
 import AdminPanelLayout from '@/components/common/layout/admin-panel-layout/AdminPanelLayout';
+import TeachersAdminPage from '@/components/pages/admin/teachers-admin-page';
 
 const Index = () => {
   return (
     <AdminPanelLayout>
-      <div></div>
+      <TeachersAdminPage />
     </AdminPanelLayout>
   );
 };
diff --git a/src/types/api.ts b/src/types/api.ts
index 7b3f6e14c..8708802ac 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -1,4 +1,7 @@
-export interface Meta {
+export interface Pagination {
+  amount: number;
+  totalAmount: number;
+  totalPages: number;
   pageSize: number;
   page: number;
   prevPageElems: number;