diff --git a/frontend/index.html b/frontend/index.html
index b49585f..901f243 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,10 +4,15 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/icon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
     <title>Неучтенное время</title>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>
diff --git a/frontend/src/App.css b/frontend/src/App.css
index f411583..07faf76 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -42,3 +42,11 @@
 .read-the-docs {
   color: #888;
 }
+
+/* Мобильная оптимизация */
+@media (max-width: 767.98px) {
+  .container-fluid {
+    margin-top: 0 !important;
+    padding-top: 1rem;
+  }
+}
diff --git a/frontend/src/components/AdminPage.jsx b/frontend/src/components/AdminPage.jsx
index 396a137..d9c6626 100644
--- a/frontend/src/components/AdminPage.jsx
+++ b/frontend/src/components/AdminPage.jsx
@@ -2,7 +2,7 @@ import AdminPanel from "./AdminPanel";
 
 const AdminPage = () => {
   return (
-    <div className="container-fluid px-3" style={{ marginTop: "2rem" }}>
+    <div className="container-fluid px-0" style={{ marginTop: "2rem" }}>
       <AdminPanel />
     </div>
   );
diff --git a/frontend/src/components/AdminPanel.jsx b/frontend/src/components/AdminPanel.jsx
index 26c684e..9e98d12 100644
--- a/frontend/src/components/AdminPanel.jsx
+++ b/frontend/src/components/AdminPanel.jsx
@@ -154,14 +154,14 @@ const AdminPanel = () => {
   };
 
   return (
-    <div className="w-100 mt-5">
+    <div className="w-100 mt-5 px-0">
       <h3>Админ панель</h3>
-      <div className="mb-3">
-        <Link to="/" className="btn btn-primary me-2">
+      <div className="mb-3 d-flex gap-2 flex-column flex-lg-row">
+        <Link to="/" className="btn btn-primary">
           Перейти в дешборд
         </Link>
         <button
-          className="btn btn-success me-2"
+          className="btn btn-success"
           onClick={() => setShowCreateForm(true)}
         >
           Создать пользователя
@@ -257,24 +257,26 @@ const AdminPanel = () => {
                     : "Пользователь"}
                 </td>
                 <td>
-                  <button
-                    className="btn btn-sm btn-warning me-2"
-                    onClick={() => setResetPasswordId(user.id)}
-                  >
-                    Сбросить пароль
-                  </button>
-                  <button
-                    className="btn btn-sm btn-success me-2"
-                    onClick={() => handleExportUser(user.id, user.username)}
-                  >
-                    Экспорт
-                  </button>
-                  <button
-                    className="btn btn-sm btn-danger"
-                    onClick={() => setDeleteUserId(user.id)}
-                  >
-                    Удалить
-                  </button>
+                  <div className="d-flex gap-1 flex-column flex-lg-row">
+                    <button
+                      className="btn btn-sm btn-warning"
+                      onClick={() => setResetPasswordId(user.id)}
+                    >
+                      Сбросить пароль
+                    </button>
+                    <button
+                      className="btn btn-sm btn-success"
+                      onClick={() => handleExportUser(user.id, user.username)}
+                    >
+                      Экспорт
+                    </button>
+                    <button
+                      className="btn btn-sm btn-danger"
+                      onClick={() => setDeleteUserId(user.id)}
+                    >
+                      Удалить
+                    </button>
+                  </div>
                 </td>
               </tr>
             ))}
diff --git a/frontend/src/components/Dashboard.jsx b/frontend/src/components/Dashboard.jsx
index c77e5e3..4449e2a 100644
--- a/frontend/src/components/Dashboard.jsx
+++ b/frontend/src/components/Dashboard.jsx
@@ -100,17 +100,17 @@ const Dashboard = () => {
   }
 
   return (
-    <div className="w-100 dashboard-container">
-      <div className="d-flex justify-content-between align-items-center mb-4">
-        <h2>Добро пожаловать, {user.username}!</h2>
-        <div>
+    <div className="w-100 dashboard-container px-0">
+      <div className="d-flex justify-content-between align-items-center mb-4 flex-column flex-lg-row">
+        <h2 className="mb-3 mb-lg-0">Добро пожаловать, {user.username}!</h2>
+        <div className="d-flex flex-column flex-lg-row gap-2">
           {user.role === "admin" && (
-            <Link to="/admin" className="btn btn-secondary me-2">
+            <Link to="/admin" className="btn btn-secondary">
               Админ панель
             </Link>
           )}
           {user.role === "manager" && (
-            <Link to="/manager" className="btn btn-secondary me-2">
+            <Link to="/manager" className="btn btn-secondary">
               Менеджер панель
             </Link>
           )}
@@ -120,7 +120,7 @@ const Dashboard = () => {
         </div>
       </div>
 
-      <div className="mb-4 d-flex gap-2">
+      <div className="mb-4 d-flex gap-2 flex-column flex-lg-row">
         <button className="btn btn-primary" onClick={() => setShowModal(true)}>
           Добавить запись о неучтенном времени
         </button>
diff --git a/frontend/src/components/ManagerPage.jsx b/frontend/src/components/ManagerPage.jsx
index cece1c7..90f23ad 100644
--- a/frontend/src/components/ManagerPage.jsx
+++ b/frontend/src/components/ManagerPage.jsx
@@ -2,7 +2,7 @@ import ManagerPanel from "./ManagerPanel";
 
 const ManagerPage = () => {
   return (
-    <div className="container-fluid px-3" style={{ marginTop: "2rem" }}>
+    <div className="container-fluid px-0" style={{ marginTop: "2rem" }}>
       <ManagerPanel />
     </div>
   );
diff --git a/frontend/src/components/ManagerPanel.jsx b/frontend/src/components/ManagerPanel.jsx
index 8d03511..08e2bd4 100644
--- a/frontend/src/components/ManagerPanel.jsx
+++ b/frontend/src/components/ManagerPanel.jsx
@@ -154,14 +154,14 @@ const ManagerPanel = () => {
   };
 
   return (
-    <div className="w-100 mt-5">
+    <div className="w-100 mt-5 px-0">
       <h3>Менеджер панель</h3>
-      <div className="mb-3">
-        <Link to="/" className="btn btn-primary me-2">
+      <div className="mb-3 d-flex gap-2 flex-column flex-lg-row">
+        <Link to="/" className="btn btn-primary">
           Перейти в дешборд
         </Link>
         <button
-          className="btn btn-success me-2"
+          className="btn btn-success"
           onClick={() => setShowCreateForm(true)}
         >
           Создать пользователя
@@ -256,24 +256,26 @@ const ManagerPanel = () => {
                     : "Пользователь"}
                 </td>
                 <td>
-                  <button
-                    className="btn btn-sm btn-warning me-2"
-                    onClick={() => setResetPasswordId(user.id)}
-                  >
-                    Сбросить пароль
-                  </button>
-                  <button
-                    className="btn btn-sm btn-success me-2"
-                    onClick={() => handleExportUser(user.id, user.username)}
-                  >
-                    Экспорт
-                  </button>
-                  <button
-                    className="btn btn-sm btn-danger"
-                    onClick={() => setDeleteUserId(user.id)}
-                  >
-                    Удалить
-                  </button>
+                  <div className="d-flex gap-1 flex-column flex-lg-row">
+                    <button
+                      className="btn btn-sm btn-warning"
+                      onClick={() => setResetPasswordId(user.id)}
+                    >
+                      Сбросить пароль
+                    </button>
+                    <button
+                      className="btn btn-sm btn-success"
+                      onClick={() => handleExportUser(user.id, user.username)}
+                    >
+                      Экспорт
+                    </button>
+                    <button
+                      className="btn btn-sm btn-danger"
+                      onClick={() => setDeleteUserId(user.id)}
+                    >
+                      Удалить
+                    </button>
+                  </div>
                 </td>
               </tr>
             ))}
diff --git a/frontend/src/components/TimeEntriesTable.jsx b/frontend/src/components/TimeEntriesTable.jsx
index 2be11cb..4069b05 100644
--- a/frontend/src/components/TimeEntriesTable.jsx
+++ b/frontend/src/components/TimeEntriesTable.jsx
@@ -18,22 +18,24 @@ const TimeEntriesTable = ({ entries, onDelete, onEdit, isManager = false }) => {
               <td>{entry.hours}</td>
               {!isManager && (
                 <td>
-                  {onEdit && (
-                    <button
-                      className="btn btn-sm btn-primary me-2"
-                      onClick={() => onEdit(entry)}
-                    >
-                      Редактировать
-                    </button>
-                  )}
-                  {onDelete && (
-                    <button
-                      className="btn btn-sm btn-danger"
-                      onClick={() => onDelete(entry.id)}
-                    >
-                      Удалить
-                    </button>
-                  )}
+                  <div className="d-flex gap-1 flex-column flex-lg-row">
+                    {onEdit && (
+                      <button
+                        className="btn btn-sm btn-primary"
+                        onClick={() => onEdit(entry)}
+                      >
+                        Редактировать
+                      </button>
+                    )}
+                    {onDelete && (
+                      <button
+                        className="btn btn-sm btn-danger"
+                        onClick={() => onDelete(entry.id)}
+                      >
+                        Удалить
+                      </button>
+                    )}
+                  </div>
                 </td>
               )}
             </tr>
