diff --git a/src/apps/rednatco/assets/imgs/triangle-down.svg b/src/apps/rednatco/assets/imgs/triangle-down.svg
new file mode 100644
index 0000000000000000000000000000000000000000..db9375463be1f7f5822e1699d0e6fb54ac53ee6a
--- /dev/null
+++ b/src/apps/rednatco/assets/imgs/triangle-down.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="2.98896mm"
+   height="2.9990361mm"
+   viewBox="0 0 2.98896 2.9990361"
+   version="1.1"
+   id="svg7078"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7075" />
+  <g
+     id="layer1"
+     transform="translate(-52.068526,-46.913199)">
+    <path
+       style="fill:#000000;stroke:none;stroke-width:0.233315px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 53.549664,49.912235 1.507822,-2.999036 h -2.98896 z"
+       id="path6943" />
+  </g>
+</svg>
diff --git a/src/apps/rednatco/assets/imgs/triangle-up.svg b/src/apps/rednatco/assets/imgs/triangle-up.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7c9af386079ee17aafc24e4637c5247509b3f029
--- /dev/null
+++ b/src/apps/rednatco/assets/imgs/triangle-up.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="2.98896mm"
+   height="2.9990361mm"
+   viewBox="0 0 2.98896 2.9990361"
+   version="1.1"
+   id="svg7190"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs7187" />
+  <g
+     id="layer1"
+     transform="translate(-59.622283,-19.444991)">
+    <path
+       style="fill:#000000;stroke:none;stroke-width:0.233315px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 61.103421,19.444991 1.507822,2.999036 h -2.98896 z"
+       id="path6945" />
+  </g>
+</svg>