diff --git a/src/components/OrderBook.vue b/src/components/OrderBook.vue
index e76543e..00e51ef 100644
--- a/src/components/OrderBook.vue
+++ b/src/components/OrderBook.vue
@@ -10,7 +10,6 @@
         </span>
         <span v-else-if="loading" class="loading-badge">{{ t('trade.orderBookConnecting') }}</span>
         <span v-else class="vol-text">$4.4k Vol.</span>
-        <v-icon size="14" class="order-book-icon">mdi-chevron-up</v-icon>
       </div>
     </div>
 
@@ -334,10 +333,6 @@ const maxOrderBookTotal = computed(() => {
   gap: 4px;
 }
 
-.order-book-icon {
-  color: #666666;
-}
-
 .live-badge {
   display: inline-flex;
   align-items: center;
diff --git a/src/router/index.ts b/src/router/index.ts
index 55e6341..e37fb09 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -6,6 +6,8 @@ import TradeDetail from '../views/TradeDetail.vue'
 import EventMarkets from '../views/EventMarkets.vue'
 import Wallet from '../views/Wallet.vue'
 import Search from '../views/Search.vue'
+import Profile from '../views/Profile.vue'
+import ApiKey from '../views/ApiKey.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -45,6 +47,16 @@ const router = createRouter({
       name: 'wallet',
       component: Wallet,
     },
+    {
+      path: '/profile',
+      name: 'profile',
+      component: Profile,
+    },
+    {
+      path: '/api-key',
+      name: 'api-key',
+      component: ApiKey,
+    },
   ],
   scrollBehavior(to, from, savedPosition) {
     if (savedPosition && from?.name) return savedPosition
diff --git a/src/views/TradeDetail.vue b/src/views/TradeDetail.vue
index 6a9797e..6759de5 100644
--- a/src/views/TradeDetail.vue
+++ b/src/views/TradeDetail.vue
@@ -1830,7 +1830,7 @@ onUnmounted(() => {
   margin-top: 16px;
   padding: 0;
   background-color: #ffffff;
-  border: 1px solid #e7e7e7;
+  border: none;
   box-shadow: none;
 }