diff --git a/frontend/src/App.css b/frontend/src/App.css
index f810da5..1e55693 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -241,6 +241,23 @@
 .header-actions .btn {
   display: inline-flex;
   align-items: center;
+  white-space: nowrap;
+}
+.header-actions .btn svg { width: 18px; height: 18px; }
+
+/* Responsive sizing for small screens */
+@media (max-width: 992px) {
+  .header-actions { gap: 0.4rem; }
+  .header-actions .btn {
+    padding: 0.35rem 0.6rem;
+    font-size: 0.875rem;
+  }
+  .header-actions .btn .me-1 { margin-right: 0.4rem !important; }
+}
+
+@media (max-width: 576px) {
+  .page-header .col-auto.ms-auto { width: 100%; }
+  .header-actions { width: 100%; }
 }
 
 /* Custom responsive adjustments */
diff --git a/frontend/src/components/PageHeaderActions.jsx b/frontend/src/components/PageHeaderActions.jsx
index 1ee29cb..3414bd4 100644
--- a/frontend/src/components/PageHeaderActions.jsx
+++ b/frontend/src/components/PageHeaderActions.jsx
@@ -29,64 +29,60 @@ function PageHeaderActions({
     <div className="header-actions">
       <div className="btn-group">
         {onOnlineUpdate && (
-          <button className="btn btn-outline-warning" onClick={onOnlineUpdate} title="Online-обновление BGP (WebSocket)">
+          <button className="btn btn-outline-warning" type="button" onClick={onOnlineUpdate} title="Online-обновление BGP (WebSocket)">
             <IconBolt className="me-1" /> Online-обновление
           </button>
         )}
         {onBackgroundUpdate && (
-          <button className="btn btn-outline-success" onClick={onBackgroundUpdate} title="Фоновое обновление BGP (POST)">
+          <button className="btn btn-outline-success" type="button" onClick={onBackgroundUpdate} title="Фоновое обновление BGP (POST)">
             <IconPlayerPlay className="me-1" /> Фоновое обновление
           </button>
         )}
       </div>
+      <span className="vr d-none d-lg-inline" />
       <div className="btn-group">
-      {onOnlineUpdate && (
-        <span className="vr" />
-      )}
-      </div>
-      <div className="btn-group">
-      {onPreview && (
-        <button className="btn btn-outline-secondary" onClick={onPreview} disabled={disablePreview} title="Предпросмотр изменений">
-          <IconEye className="me-1" /> Предпросмотр
-        </button>
-      )}
-      {onRefresh && (
-        <button className="btn btn-outline-secondary" onClick={onRefresh} disabled={disableRefresh} title="Обновить данные">
-          <IconRefresh className={loading ? 'spin me-1' : 'me-1'} /> Обновить
-        </button>
-      )}
-      {onImport && (
-        <button className="btn btn-outline-primary" onClick={onImport} title="Импорт">
-          <IconUpload className="me-1" /> Импорт
-        </button>
-      )}
-      {onExport && (
-        <button className="btn btn-outline-primary" onClick={onExport} disabled={disableExport} title="Экспорт">
-          <IconDownload className="me-1" /> Экспорт
-        </button>
-      )}
-      {onClear && (
-        <button className="btn btn-outline-secondary" onClick={onClear} disabled={disableClear} title="Очистить пустые/невалидные">
-          Очистить
-        </button>
-      )}
-      {onSave && (
-        <button className="btn btn-primary" onClick={onSave} disabled={disableSave} title="Сохранить">
-          {loading ? (
-            <>
-              <span className="spinner-border spinner-border-sm me-2" role="status"></span>
-              Сохранение...
-            </>
-          ) : (
-            <>
-              <IconDeviceFloppy className="me-1" /> Сохранить
-            </>
-          )}
-        </button>
-      )}
-      {onHistory && (
-        <button className="btn btn-outline-secondary" onClick={onHistory} title="История версий">История</button>
-      )}
+        {onPreview && (
+          <button className="btn btn-outline-secondary" type="button" onClick={onPreview} disabled={disablePreview} title="Предпросмотр изменений">
+            <IconEye className="me-1" /> Предпросмотр
+          </button>
+        )}
+        {onRefresh && (
+          <button className="btn btn-outline-secondary" type="button" onClick={onRefresh} disabled={disableRefresh} title="Обновить данные">
+            <IconRefresh className={loading ? 'spin me-1' : 'me-1'} /> Обновить
+          </button>
+        )}
+        {onImport && (
+          <button className="btn btn-outline-primary" type="button" onClick={onImport} title="Импорт">
+            <IconUpload className="me-1" /> Импорт
+          </button>
+        )}
+        {onExport && (
+          <button className="btn btn-outline-primary" type="button" onClick={onExport} disabled={disableExport} title="Экспорт">
+            <IconDownload className="me-1" /> Экспорт
+          </button>
+        )}
+        {onClear && (
+          <button className="btn btn-outline-secondary" type="button" onClick={onClear} disabled={disableClear} title="Очистить пустые/невалидные">
+            Очистить
+          </button>
+        )}
+        {onSave && (
+          <button className="btn btn-primary" type="button" onClick={onSave} disabled={disableSave} title="Сохранить">
+            {loading ? (
+              <>
+                <span className="spinner-border spinner-border-sm me-2" role="status"></span>
+                Сохранение...
+              </>
+            ) : (
+              <>
+                <IconDeviceFloppy className="me-1" /> Сохранить
+              </>
+            )}
+          </button>
+        )}
+        {onHistory && (
+          <button className="btn btn-outline-secondary" type="button" onClick={onHistory} title="История версий">История</button>
+        )}
       </div>
     </div>
   );