diff --git a/src/app/DRE/teste.tsx b/src/app/DRE/teste.tsx
index b851a4b..4df3065 100644
--- a/src/app/DRE/teste.tsx
+++ b/src/app/DRE/teste.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { LoaderPinwheel } from "lucide-react";
+import { LoaderPinwheel, ChevronDown, ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import AnaliticoComponent from "./analitico";
 
@@ -488,9 +488,11 @@ export default function Teste() {
               onClick={() => toggleGroup(row.grupo!)}
               className="p-2 hover:bg-blue-100 rounded-lg transition-all duration-200 flex items-center justify-center w-8 h-8 flex-shrink-0"
             >
-              <span className="text-blue-600 font-bold text-sm">
-                {row.isExpanded ? "▼" : "▶"}
-              </span>
+              {row.isExpanded ? (
+                <ChevronDown className="w-4 h-4 text-blue-600" />
+              ) : (
+                <ChevronRight className="w-4 h-4 text-blue-600" />
+              )}
             </button>
             <button
               onClick={() => handleRowClick(row)}
@@ -507,9 +509,11 @@ export default function Teste() {
               onClick={() => toggleSubgrupo(`${row.grupo}-${row.subgrupo}`)}
               className="p-2 hover:bg-blue-100 rounded-lg transition-all duration-200 flex items-center justify-center w-8 h-8 flex-shrink-0"
             >
-              <span className="text-blue-600 font-bold text-sm">
-                {row.isExpanded ? "▼" : "▶"}
-              </span>
+              {row.isExpanded ? (
+                <ChevronDown className="w-4 h-4 text-blue-600" />
+              ) : (
+                <ChevronRight className="w-4 h-4 text-blue-600" />
+              )}
             </button>
             <button
               onClick={() => handleRowClick(row)}
@@ -530,9 +534,11 @@ export default function Teste() {
               }
               className="p-2 hover:bg-blue-100 rounded-lg transition-all duration-200 flex items-center justify-center w-8 h-8 flex-shrink-0"
             >
-              <span className="text-blue-600 font-bold text-sm">
-                {row.isExpanded ? "▼" : "▶"}
-              </span>
+              {row.isExpanded ? (
+                <ChevronDown className="w-4 h-4 text-blue-600" />
+              ) : (
+                <ChevronRight className="w-4 h-4 text-blue-600" />
+              )}
             </button>
             <button
               onClick={() => handleRowClick(row)}