diff --git a/src/assets/graphics/Arrow-vertical.svg b/src/assets/graphics/Arrow-vertical.svg
new file mode 100644
index 000000000..ca98bc8a3
--- /dev/null
+++ b/src/assets/graphics/Arrow-vertical.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="8" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.17622e-06L16 8L9.53674e-07 8L8 1.17622e-06Z" fill="#9A9A9A"/>
+</svg>
diff --git a/src/components/CollapsibleRow.vue b/src/components/CollapsibleRow.vue
index 3c65a1cc9..cd0816d3b 100644
--- a/src/components/CollapsibleRow.vue
+++ b/src/components/CollapsibleRow.vue
@@ -4,7 +4,12 @@
       <grid columns="4">
         <c span="1"><slot name="label"/></c>
         <c span="3">
-          <Button @mousedown="open = !open">Open/Close</Button>
+          <Button @mousedown="open = !open">
+            <img
+              :class="{ flip: !open }"
+              src="../assets/graphics/Arrow-vertical.svg"
+            />
+          </Button>
         </c>
       </grid>
     </c>
@@ -33,4 +38,8 @@ export default {
 .label-row {
   border-bottom: 1px solid #9a9a9a;
 }
+
+.flip {
+  transform: scaleY(-1);
+}
 </style>