diff --git a/assets/icons/liquity.svg b/assets/icons/liquity.svg
new file mode 100644
index 0000000..0e779c6
--- /dev/null
+++ b/assets/icons/liquity.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 31 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.8"
+        d="M13.0413 25.9848C20.2316 25.9848 26.0605 20.1679 26.0605 12.9924C26.0605 5.81689 20.2316 0 13.0413 0C5.851 0 0.0220947 5.81689 0.0220947 12.9924C0.0220947 20.1679 5.851 25.9848 13.0413 25.9848Z"
+        fill="currentColor" />
+    <path opacity="0.8"
+        d="M12.9703 25.9847C0.021819 25.9847 -5.08854 8.98532 6.34885 1.82129C4.98867 16.0293 12.2243 16.3435 18.9387 16.0293C30.1896 15.5026 30.1972 25.9847 30.1972 25.9847H12.9703Z"
+        fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/pages/1inch.vue b/pages/1inch.vue
index 387cf0e..3402fc1 100644
--- a/pages/1inch.vue
+++ b/pages/1inch.vue
@@ -19,7 +19,7 @@
           <div
             class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
           >
-            <OneInchIcon Icon class="w-10 h-10 text-white" />
+            <OneInchIcon Icon class="w-8 h-8 text-white" />
           </div>
         </div>
         <h1 class="ml-4 text-primary-black text-2xl font-semibold">1Inch</h1>
diff --git a/pages/index.vue b/pages/index.vue
index ff0288c..62441f9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -36,6 +36,7 @@ import AaveIcon from "~/assets/icons/aave.svg?inline";
 import CompoundIcon from "~/assets/icons/compound.svg?inline";
 import MakerIcon from "~/assets/icons/makerdao.svg?inline";
 import OneInchIcon from "~/assets/icons/1inch.svg?inline";
+import LiquityIcon from "~/assets/icons/liquity.svg?inline";
 
 const appsPerNetwork = {
   mainnet: [
@@ -66,6 +67,13 @@ const appsPerNetwork = {
       name: "1inch",
       url: "/1inch",
       description: "DEX Aggregator"
+    },
+      {
+      id: "liquity",
+      icon: LiquityIcon,
+      name: "Liquity",
+      url: "/mainnet/liquity",
+      description: "Collateralized Debt"
     }
   ],
   polygon: [
diff --git a/pages/mainnet/aave-v2.vue b/pages/mainnet/aave-v2.vue
index f9a8362..46501dc 100644
--- a/pages/mainnet/aave-v2.vue
+++ b/pages/mainnet/aave-v2.vue
@@ -18,7 +18,7 @@
         <div
           class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
         >
-          <AaveIcon class="w-10 h-10 text-white" />
+          <AaveIcon class="w-8 h-8 text-white" />
         </div>
       </div>
       <h1 class="ml-4 text-primary-black text-2xl font-semibold">Aave v2</h1>
diff --git a/pages/mainnet/compound.vue b/pages/mainnet/compound.vue
index 03644cb..d4e8f2c 100644
--- a/pages/mainnet/compound.vue
+++ b/pages/mainnet/compound.vue
@@ -18,7 +18,7 @@
         <div
           class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
         >
-          <CompoundIcon class="w-10 h-10 text-white" />
+          <CompoundIcon class="w-8 h-8 text-white" />
         </div>
       </div>
       <h1 class="ml-4 text-primary-black text-2xl font-semibold">Compound</h1>
diff --git a/pages/mainnet/liquity.vue b/pages/mainnet/liquity.vue
new file mode 100644
index 0000000..ba4164f
--- /dev/null
+++ b/pages/mainnet/liquity.vue
@@ -0,0 +1,43 @@
+<template>
+  <div>
+    <div>
+      <nuxt-link
+        to="/"
+        class="text-[#C0C5D7] text-lg font-semibold flex items-center"
+      >
+        <BackIcon class="w-4 h-4 mr-3" />
+        Apps
+      </nuxt-link>
+    </div>
+
+    <div class="mt-10 flex items-center">
+      <div
+        style="background: radial-gradient(42.15% 42.15% at 48.94% 48.94%, #D6DAE0 75.67%, #F0F3F9 100%), #C4C4C4;"
+        class="w-16 h-16 rounded-full flex items-center justify-center border border-[#CCDCF3]"
+      >
+        <div
+          class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
+        >
+          <LiquityIcon class="w-8 h-8 text-white" />
+        </div>
+      </div>
+      <h1 class="ml-4 text-primary-black text-2xl font-semibold">Liquity</h1>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, computed } from "@nuxtjs/composition-api";
+import BackIcon from "~/assets/icons/back.svg?inline";
+import LiquityIcon from '~/assets/icons/liquity.svg?inline'
+
+export default defineComponent({
+  components: {
+    BackIcon,
+    LiquityIcon,
+  },
+  setup() {
+ 
+  }
+});
+</script>
diff --git a/pages/mainnet/maker.vue b/pages/mainnet/maker.vue
index 47e90c7..32a1aa7 100644
--- a/pages/mainnet/maker.vue
+++ b/pages/mainnet/maker.vue
@@ -19,7 +19,7 @@
           <div
             class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
           >
-            <MakerDAOIcon Icon class="w-10 h-10 text-white" />
+            <MakerDAOIcon Icon class="w-8 h-8 text-white" />
           </div>
         </div>
         <h1 class="ml-4 text-primary-black text-2xl font-semibold">MakerDAO</h1>
diff --git a/pages/polygon/aave-v2.vue b/pages/polygon/aave-v2.vue
index 7c23f72..e1c64c0 100644
--- a/pages/polygon/aave-v2.vue
+++ b/pages/polygon/aave-v2.vue
@@ -18,7 +18,7 @@
         <div
           class="w-12 h-12 rounded-full flex items-center justify-center bg-[#1874FF]"
         >
-          <AaveIcon class="w-10 h-10 text-white" />
+          <AaveIcon class="w-8 h-8 text-white" />
         </div>
       </div>
       <h1 class="ml-4 text-primary-black text-2xl font-semibold">Aave v2</h1>