diff --git a/src/assets/inline-svgs/my-kiva/dash.svg b/src/assets/inline-svgs/my-kiva/dash.svg
new file mode 100644
index 0000000000..59b1ba4501
--- /dev/null
+++ b/src/assets/inline-svgs/my-kiva/dash.svg
@@ -0,0 +1,5 @@
+<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="none" rx="100" ry="100"
+        stroke="gray" stroke-width="8" stroke-dasharray="23"
+        stroke-dashoffset="0" stroke-linecap="round"/>
+</svg>
diff --git a/src/components/MyKiva/BadgeContainer.vue b/src/components/MyKiva/BadgeContainer.vue
index 201d1699d2..43589def53 100644
--- a/src/components/MyKiva/BadgeContainer.vue
+++ b/src/components/MyKiva/BadgeContainer.vue
@@ -38,6 +38,6 @@ const title = computed(() => {
 <style lang="postcss" scoped>
 .in-progress {
   @apply tw-grayscale tw-rounded-full tw-w-fit tw-bg-secondary;
-  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='gray' stroke-width='8' stroke-dasharray='23' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
+  background-image: url('/src/assets/inline-svgs/my-kiva/dash.svg');
 }
 </style>