diff --git a/cmd/server/web/css/style.css b/cmd/server/web/css/style.css
index 5b75ba1..ffa8237 100644
--- a/cmd/server/web/css/style.css
+++ b/cmd/server/web/css/style.css
@@ -282,4 +282,24 @@ h1 {
 
 #history {
     margin: 0;
+}
+
+.accordion-header {
+    cursor: pointer;
+    user-select: none;
+    transition: background-color 0.2s;
+}
+
+.accordion-header:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.accordion-body {
+    overflow: hidden;
+    transition: max-height 0.3s ease-out;
+    max-height: 2000px;
+}
+
+.accordion-body.collapsed {
+    max-height: 0;
 }
\ No newline at end of file
diff --git a/cmd/server/web/js/accordion.js b/cmd/server/web/js/accordion.js
index e324b67..c956ba2 100644
--- a/cmd/server/web/js/accordion.js
+++ b/cmd/server/web/js/accordion.js
@@ -7,6 +7,7 @@ export function initAccordion() {
     let open = false;
 
     DOM.historyBody.classList.add("collapsed");
+    DOM.historyHeader.textContent = "▶ ПРИНЯТЫЕ ДАННЫЕ";
 
     DOM.historyHeader.addEventListener("click", () => {
         open = !open;
diff --git a/cmd/server/web/js/ui.js b/cmd/server/web/js/ui.js
index 3019b44..675a75d 100644
--- a/cmd/server/web/js/ui.js
+++ b/cmd/server/web/js/ui.js
@@ -8,8 +8,10 @@ export function initDOM() {
     DOM.lastByte = document.getElementById("last-byte");
     DOM.history = document.getElementById("history");
     DOM.canvas = document.getElementById("signalChart");
-
     DOM.bars = document.querySelectorAll(".sig-bar");
+
+    DOM.historyHeader = document.getElementById("history-header");
+    DOM.historyBody = document.getElementById("history-body");
 }
 
 export function setStatus(v) {