diff --git a/src/components/common/InstallPrompt.tsx b/src/components/common/InstallPrompt.tsx
index 7373b5e..a1a0bdc 100644
--- a/src/components/common/InstallPrompt.tsx
+++ b/src/components/common/InstallPrompt.tsx
@@ -122,7 +122,7 @@ export const InstallPrompt: React.FC = () => {
           Установите приложение для быстрого доступа
         </div>
       </div>
-      <div style={{ display: "flex", gap: "8px" }}>
+      <div style={{ display: "flex", gap: "8px", flexWrap: "wrap" }}>
         <button
           onClick={handleInstallClick}
           style={{
@@ -137,6 +137,8 @@ export const InstallPrompt: React.FC = () => {
             display: "flex",
             alignItems: "center",
             gap: "6px",
+            flex: "1 1 auto",
+            minWidth: "100px",
           }}
         >
           <Icon icon="mdi:download" width="18" height="18" />
@@ -154,6 +156,7 @@ export const InstallPrompt: React.FC = () => {
             display: "flex",
             alignItems: "center",
             opacity: 0.6,
+            flex: "0 0 auto",
           }}
           aria-label="Закрыть"
         >
diff --git a/src/components/notes/GenerateTagsModal.tsx b/src/components/notes/GenerateTagsModal.tsx
index a9b4dff..b6d2d46 100644
--- a/src/components/notes/GenerateTagsModal.tsx
+++ b/src/components/notes/GenerateTagsModal.tsx
@@ -139,18 +139,18 @@ export const GenerateTagsModal: React.FC<GenerateTagsModalProps> = ({
                     }}
                   >
                     <h4 style={{ margin: 0, fontSize: "16px" }}>Предлагаемые теги:</h4>
-                    <div style={{ display: "flex", gap: "10px" }}>
+                    <div style={{ display: "flex", gap: "10px", flexWrap: "wrap" }}>
                       <button
                         className="btn-secondary"
                         onClick={handleSelectAll}
-                        style={{ fontSize: "12px", padding: "5px 10px" }}
+                        style={{ fontSize: "12px", padding: "5px 10px", flex: "1 1 auto", minWidth: "100px" }}
                       >
                         Выбрать все
                       </button>
                       <button
                         className="btn-secondary"
                         onClick={handleDeselectAll}
-                        style={{ fontSize: "12px", padding: "5px 10px" }}
+                        style={{ fontSize: "12px", padding: "5px 10px", flex: "1 1 auto", minWidth: "100px" }}
                       >
                         Снять все
                       </button>
diff --git a/src/components/notes/NoteEditor.tsx b/src/components/notes/NoteEditor.tsx
index ecd906a..75e8b93 100644
--- a/src/components/notes/NoteEditor.tsx
+++ b/src/components/notes/NoteEditor.tsx
@@ -1081,8 +1081,8 @@ export const NoteEditor: React.FC<NoteEditorProps> = ({ onSave }) => {
       <FileUpload files={files} onChange={setFiles} />
 
       {user?.is_public_profile === 1 && (
-        <div className="privacy-toggle-container" style={{ marginBottom: "10px", display: "flex", alignItems: "center", gap: "10px" }}>
-          <label style={{ display: "flex", alignItems: "center", gap: "8px", cursor: "pointer" }}>
+        <div className="privacy-toggle-container" style={{ marginBottom: "10px", display: "flex", alignItems: "center", gap: "10px", flexWrap: "wrap" }}>
+          <label style={{ display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", flex: "1 1 auto" }}>
             <input
               type="checkbox"
               checked={isPrivate}
diff --git a/src/components/twoFactor/TwoFactorSetup.tsx b/src/components/twoFactor/TwoFactorSetup.tsx
index 6559898..f82c33a 100644
--- a/src/components/twoFactor/TwoFactorSetup.tsx
+++ b/src/components/twoFactor/TwoFactorSetup.tsx
@@ -255,11 +255,12 @@ export const TwoFactorSetup: React.FC<TwoFactorSetupProps> = ({
                     }}
                   />
                 </div>
-                <div style={{ display: "flex", gap: "10px" }}>
+                <div style={{ display: "flex", gap: "10px", flexWrap: "wrap" }}>
                   <button
                     className="btnSave"
                     onClick={handleEnable}
                     disabled={isLoading || verificationCode.length !== 6}
+                    style={{ flex: "1 1 auto", minWidth: "120px" }}
                   >
                     {isLoading ? "Включение..." : "Включить 2FA"}
                   </button>
@@ -270,6 +271,7 @@ export const TwoFactorSetup: React.FC<TwoFactorSetupProps> = ({
                       setVerificationCode("");
                     }}
                     disabled={isLoading}
+                    style={{ flex: "1 1 auto", minWidth: "100px" }}
                   >
                     Отмена
                   </button>
@@ -305,11 +307,12 @@ export const TwoFactorSetup: React.FC<TwoFactorSetupProps> = ({
             <p style={{ color: "#666", fontSize: "14px", marginBottom: "15px" }}>
               Двухфакторная аутентификация активна для вашего аккаунта.
             </p>
-            <div style={{ display: "flex", gap: "10px" }}>
+            <div style={{ display: "flex", gap: "10px", flexWrap: "wrap" }}>
               <button
                 className="btnSave"
                 onClick={handleGenerateBackupCodes}
                 disabled={isGeneratingBackupCodes}
+                style={{ flex: "1 1 auto", minWidth: "200px" }}
               >
                 {isGeneratingBackupCodes ? (
                   <>
@@ -324,6 +327,7 @@ export const TwoFactorSetup: React.FC<TwoFactorSetupProps> = ({
               <button
                 className="btn-danger"
                 onClick={() => setShowDisableModal(true)}
+                style={{ flex: "1 1 auto", minWidth: "140px" }}
               >
                 <Icon icon="mdi:shield-off" /> Отключить 2FA
               </button>
diff --git a/src/pages/LoginPage.tsx b/src/pages/LoginPage.tsx
index b2b63d7..388cc41 100644
--- a/src/pages/LoginPage.tsx
+++ b/src/pages/LoginPage.tsx
@@ -272,11 +272,12 @@ const LoginPage: React.FC = () => {
                   }}
                 />
               </div>
-              <div style={{ display: "flex", gap: "10px" }}>
+              <div style={{ display: "flex", gap: "10px", flexWrap: "wrap" }}>
                 <button
                   type="submit"
                   className="btnSave"
                   disabled={isLoading || !twoFactorCode.trim()}
+                  style={{ flex: "1 1 auto", minWidth: "120px" }}
                 >
                   {isLoading ? "Проверка..." : "Продолжить"}
                 </button>
@@ -285,6 +286,7 @@ const LoginPage: React.FC = () => {
                   className="btn-danger"
                   onClick={handleBack}
                   disabled={isLoading}
+                  style={{ flex: "1 1 auto", minWidth: "100px" }}
                 >
                   Назад
                 </button>
diff --git a/src/pages/PublicProfilePage.tsx b/src/pages/PublicProfilePage.tsx
index 7b8d475..1f2040a 100644
--- a/src/pages/PublicProfilePage.tsx
+++ b/src/pages/PublicProfilePage.tsx
@@ -127,7 +127,7 @@ const PublicProfilePage: React.FC = () => {
         <div className="container">
           <header className="notes-header">
             <div className="notes-header-left">
-              <div style={{ display: "flex", alignItems: "center", gap: "15px" }}>
+              <div style={{ display: "flex", alignItems: "center", gap: "15px", flexWrap: "wrap" }}>
                 {profile.avatar ? (
                   <img
                     src={profile.avatar}