diff --git a/src/app/tools/layout.tsx b/src/app/tools/layout.tsx
index fcd926dcc..45aa71d3a 100644
--- a/src/app/tools/layout.tsx
+++ b/src/app/tools/layout.tsx
@@ -18,6 +18,8 @@ export default function ToolsLayout({ children }: ToolsLayoutProps) {
 
   return (
     <>
+      {tool && <title>{tool.title}</title>}
+
       <div
         style={{
           height: 128,
diff --git a/src/app/tools/tankopedia/[id]/components/Title.tsx b/src/app/tools/tankopedia/[id]/components/Title.tsx
index 6a7287b78..d28a0b36e 100644
--- a/src/app/tools/tankopedia/[id]/components/Title.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Title.tsx
@@ -10,71 +10,76 @@ export function Title() {
   const [changeTankDialogOpen, setChangeTankDialogOpen] = useState(false);
 
   return (
-    <Flex gap="6" justify="center" align="center" style={{ padding: 16 }}>
-      <Flex gap="2" align="center">
-        <Heading
-          color={
-            protagonist.tank.treeType === 'premium'
-              ? 'amber'
-              : protagonist.tank.treeType === 'collector'
-                ? 'blue'
-                : undefined
-          }
-        >
-          <Flex align="center" gap="2">
-            <img
-              src={
-                TREE_TYPE_ICONS[protagonist.tank.treeType][
-                  protagonist.tank.type
-                ]
-              }
-              style={{
-                width: '1em',
-                height: '1em',
-              }}
-            />{' '}
-            {protagonist.tank.name}
-          </Flex>
-        </Heading>
-      </Flex>
+    <>
+      <title>{protagonist.tank.name}</title>
 
-      <Dialog.Root
-        open={changeTankDialogOpen}
-        onOpenChange={setChangeTankDialogOpen}
-      >
-        <Dialog.Trigger>
-          <Button variant="ghost">
-            Change <UpdateIcon />
-          </Button>
-        </Dialog.Trigger>
-
-        <Dialog.Content>
-          <Flex gap="4" direction="column">
-            <Flex
-              direction="column"
-              gap="4"
-              style={{ flex: 1 }}
-              justify="center"
-            >
-              <TankSearch
-                compact
-                onSelect={(tank) => {
-                  mutateDuel((draft) => {
-                    draft.protagonist!.tank = tank;
-                    draft.protagonist!.engine = tank.engines.at(-1)!;
-                    draft.protagonist!.track = tank.tracks.at(-1)!;
-                    draft.protagonist!.turret = tank.turrets.at(-1)!;
-                    draft.protagonist!.gun =
-                      draft.protagonist!.turret.guns.at(-1)!;
-                    draft.protagonist!.shell = draft.protagonist!.gun.shells[0];
-                  });
-                  setChangeTankDialogOpen(false);
+      <Flex gap="6" justify="center" align="center" style={{ padding: 16 }}>
+        <Flex gap="2" align="center">
+          <Heading
+            color={
+              protagonist.tank.treeType === 'premium'
+                ? 'amber'
+                : protagonist.tank.treeType === 'collector'
+                  ? 'blue'
+                  : undefined
+            }
+          >
+            <Flex align="center" gap="2">
+              <img
+                src={
+                  TREE_TYPE_ICONS[protagonist.tank.treeType][
+                    protagonist.tank.type
+                  ]
+                }
+                style={{
+                  width: '1em',
+                  height: '1em',
                 }}
-              />
+              />{' '}
+              {protagonist.tank.name}
             </Flex>
-          </Flex>
-        </Dialog.Content>
-      </Dialog.Root>
-    </Flex>
+          </Heading>
+        </Flex>
+
+        <Dialog.Root
+          open={changeTankDialogOpen}
+          onOpenChange={setChangeTankDialogOpen}
+        >
+          <Dialog.Trigger>
+            <Button variant="ghost">
+              Change <UpdateIcon />
+            </Button>
+          </Dialog.Trigger>
+
+          <Dialog.Content>
+            <Flex gap="4" direction="column">
+              <Flex
+                direction="column"
+                gap="4"
+                style={{ flex: 1 }}
+                justify="center"
+              >
+                <TankSearch
+                  compact
+                  onSelect={(tank) => {
+                    mutateDuel((draft) => {
+                      draft.protagonist!.tank = tank;
+                      draft.protagonist!.engine = tank.engines.at(-1)!;
+                      draft.protagonist!.track = tank.tracks.at(-1)!;
+                      draft.protagonist!.turret = tank.turrets.at(-1)!;
+                      draft.protagonist!.gun =
+                        draft.protagonist!.turret.guns.at(-1)!;
+                      draft.protagonist!.shell =
+                        draft.protagonist!.gun.shells[0];
+                    });
+                    setChangeTankDialogOpen(false);
+                  }}
+                />
+              </Flex>
+            </Flex>
+          </Dialog.Content>
+        </Dialog.Root>
+      </Flex>
+    </>
   );
 }