diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index 295e174..d0ebef3 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -69,6 +69,9 @@ function ItemPageHeader({ itemId }) {
             <Skeleton>
               <NpBadge />
             </Skeleton>
+            <Skeleton>
+              <LinkBadge href="/">Old DTI</LinkBadge>
+            </Skeleton>
             <Skeleton>
               <LinkBadge href="/">Jellyneo</LinkBadge>
             </Skeleton>
@@ -122,6 +125,9 @@ function ItemPageBadges({ item }) {
   return (
     <ItemBadgeList>
       {item.isNc ? <NcBadge /> : <NpBadge />}
+      <LinkBadge href={`https://impress.openneo.net/items/${item.id}`}>
+        Old DTI
+      </LinkBadge>
       <LinkBadge
         href={
           "https://items.jellyneo.net/search/?name=" +
diff --git a/src/app/components/ItemCard.js b/src/app/components/ItemCard.js
index 37fef9b..b2e156a 100644
--- a/src/app/components/ItemCard.js
+++ b/src/app/components/ItemCard.js
@@ -10,6 +10,7 @@ import {
   useTheme,
 } from "@chakra-ui/core";
 import { StarIcon } from "@chakra-ui/icons";
+import { Link } from "react-router-dom";
 
 import { safeImageUrl } from "../util";
 
@@ -18,8 +19,8 @@ function ItemCard({ item, badges, ...props }) {
 
   return (
     <Box
-      as="a"
-      href={`https://impress.openneo.net/items/${item.id}`}
+      as={Link}
+      to={`/items/${item.id}`}
       p="2"
       boxShadow="lg"
       borderRadius="lg"