diff --git a/src/app/pages/record/record.component.css b/src/app/pages/record/record.component.css
index 78b546c..061c270 100644
--- a/src/app/pages/record/record.component.css
+++ b/src/app/pages/record/record.component.css
@@ -51,6 +51,7 @@
 
 .checkbox-label {
     display: flex;
+    justify-content: center;
     align-items: center;
     font-size: 1.2rem;
     margin-bottom: 20px;
@@ -60,31 +61,51 @@
 
 
 .checkbox-label input[type="checkbox"] {
-    margin-right: 10px;
+    margin-left: 10px;
     width: 24px;
     height: 24px;
     cursor: pointer;
 }
 
 
-.record-controls {
+.tracking_history {
     text-align: center;
     margin-bottom: 20px;
 }
 
+.record-controls {
+    display: flex;
+    justify-content: center;
+    gap: 10%;
+    text-align: center;
+    margin-bottom: 20px;
+}
 
 .record-controls button {
+    display: flex;
     background-color: #2980b9;
     color: #fff;
     border: none;
     padding: 12px 24px;
     margin: 5px;
-    border-radius:25px;
+    border-radius: 25px;
     cursor: pointer;
     font-size: 1.1rem;
     transition: background-color 0.3s ease, transform 0.2s ease;
 }
 
+.tracking_icons {
+    width: auto;
+    height: auto;
+    margin-right: 10px;
+    margin-top: 3px;
+}
+
+.tracking_icons_history {
+    width: auto;
+    height: auto;
+    margin-right: 10px;
+}
 
 .record-controls button:hover {
     background-color: #1f6395;
diff --git a/src/app/pages/record/record.component.html b/src/app/pages/record/record.component.html
index e018b27..aeed944 100644
--- a/src/app/pages/record/record.component.html
+++ b/src/app/pages/record/record.component.html
@@ -1,27 +1,31 @@
 <div class="record-container">
     <header>
+        <div class="tracking_history my-4">
+            <label class="checkbox-label">
+                <img src="../../../assets/history_icon.svg" alt="history_icon" class="tracking_icons_history">
+                Rastreamento do Histórico
+                <input type="checkbox" [(ngModel)]="trackingEnabled" (change)="toggleTracking(trackingEnabled)" />
+            </label>
+        </div>
         <h1 class="header-title">Histórico de Vídeos</h1>
     </header>
-
     <!-- Controle de Rastreamento com Checkbox -->
     <div class="record-controls my-4">
-        <label class="checkbox-label">
-            <input type="checkbox" [(ngModel)]="trackingEnabled" (change)="toggleTracking(trackingEnabled)" />
-            Rastreamento do Histórico
-        </label>
         <button
-        (click)="sortRecord(true)"
-        class="btn btn-secondary mr-2"
-        [ngClass]="{ 'active': isAscendingActive }"
-    >
-    Ordenar Crescente
+            (click)="sortRecord(true)"
+            class="btn btn-secondary mr-2"
+            [ngClass]="{ 'active': isAscendingActive }"
+            >
+            <img src="../../../assets/up_arrow.svg" alt="up-arrow-icon" class="tracking_icons">
+            Ordenar Crescente
         </button>
         <button
-    (click)="sortRecord(false)"
-    class="btn btn-secondary"
-    [ngClass]="{ 'active': isDescendingActive }"
-    >
-    Ordenar Decrescente
+            (click)="sortRecord(false)"
+            class="btn btn-secondary"
+            [ngClass]="{ 'active': isDescendingActive }"
+            >
+            <img src="../../../assets/down_arrow.svg" alt="down-arrow-icon" class="tracking_icons">
+            Ordenar Decrescente
         </button>
     </div>
 
diff --git a/src/assets/down_arrow.svg b/src/assets/down_arrow.svg
new file mode 100644
index 0000000..8a0f282
--- /dev/null
+++ b/src/assets/down_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 0V18M7 18L1 12M7 18L13 12" stroke="white" stroke-width="2"/>
+</svg>
diff --git a/src/assets/history_icon.svg b/src/assets/history_icon.svg
new file mode 100644
index 0000000..c9c0139
--- /dev/null
+++ b/src/assets/history_icon.svg
@@ -0,0 +1,9 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="23" height="23" fill="url(#pattern0_556_66)"/>
+<defs>
+<pattern id="pattern0_556_66" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_556_66" transform="scale(0.0078125)"/>
+</pattern>
+<image id="image0_556_66" width="128" height="128" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/up_arrow.svg b/src/assets/up_arrow.svg
new file mode 100644
index 0000000..3e312b9
--- /dev/null
+++ b/src/assets/up_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 20V2M7 2L1 8M7 2L13 8" stroke="white" stroke-width="2"/>
+</svg>