diff --git a/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx b/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx
index b3fdfe27e..73183d7de 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/TankDisplay.tsx
@@ -134,7 +134,7 @@ export function TankDisplay() {
}
>
- {mode === 'armor' && controlsEnabled && }
+ {mode === 'armor' && }
diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx
index 8b208c885..ff063f71a 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/components/TankArmor.tsx
@@ -1,4 +1,4 @@
-import { useLoader } from '@react-three/fiber';
+import { GroupProps, useLoader } from '@react-three/fiber';
import { useEffect, useState } from 'react';
import { Euler, Mesh, Vector3 } from 'three';
import { GLTFLoader } from 'three-stdlib';
@@ -12,9 +12,9 @@ import {
} from '../../../../../../../core/blitzkrieg/modelDefinitions';
import { useTankopedia } from '../../../../../../../stores/tankopedia';
-interface TankArmorProps {}
+interface TankArmorProps extends GroupProps {}
-export function TankArmor() {
+export function TankArmor(props: TankArmorProps) {
const [awaitedModelDefinitions, setAwaitedModelDefinitions] = useState<
ModelDefinitions | undefined
>(undefined);
@@ -81,7 +81,7 @@ export function TankArmor() {
return (
-
+
{nodes.map((node) => {
const isHull = node.name.startsWith('hull_');
const armorId = parseInt(node.name.match(/.+_armor_(\d+)/)![1]);