diff --git a/app/layouts/minimal.vue b/app/layouts/minimal.vue
index b6d9410..2e87f1e 100644
--- a/app/layouts/minimal.vue
+++ b/app/layouts/minimal.vue
@@ -8,7 +8,7 @@
       <v-footer app fixed flat height="48">
         <v-container class="mx-auto d-flex align-center justify-between">
           <img
-            src="/_nuxt/assets/images/cloudy-lamb.png"
+            :src="Icon"
             alt="Cloudy Lamb"
             height="24"
             width="24"
@@ -22,5 +22,7 @@
 </template>
 
 <script lang="ts" setup>
+import Icon from "~/assets/images/cloudy-lamb.png"
+
 const colorMode = useColorMode()
 </script>
diff --git a/app/pages/swagger/index.vue b/app/pages/swagger/index.vue
index 3c98d11..a9e6c7f 100644
--- a/app/pages/swagger/index.vue
+++ b/app/pages/swagger/index.vue
@@ -72,7 +72,7 @@ useHead({
 </script>
 
 <style>
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
 
 .swagger-ui *:not(:is(pre, pre *, textarea, textarea *)) {
   font-family: var(--font-family) !important;
@@ -82,6 +82,6 @@ useHead({
 .swagger-ui pre *,
 .swagger-ui textarea,
 .swagger-ui textarea * {
-  font-family: "Roboto Mono", monospace !important;
+  font-family: "IBM Plex Mono", monospace !important;
 }
 </style>