From 869e9fe992ec83e04640c3cdc2e77a19ff85da1c Mon Sep 17 00:00:00 2001
From: Legendaxe <102746941+Legendaxe@users.noreply.github.com>
Date: Thu, 2 Nov 2023 16:07:40 +0200
Subject: [PATCH] camera fixed

---
 tgui/packages/tgui/components/NanoMap.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/tgui/packages/tgui/components/NanoMap.js b/tgui/packages/tgui/components/NanoMap.js
index 5d12bece8fa2..2db6aed293b1 100644
--- a/tgui/packages/tgui/components/NanoMap.js
+++ b/tgui/packages/tgui/components/NanoMap.js
@@ -120,6 +120,7 @@ export class NanoMap extends Component {
       'position': 'relative',
       'background-size': 'cover',
       'background-repeat': 'no-repeat',
+      'background-image': 'url(' + mapUrl + ')',
       'text-align': 'center',
       'cursor': dragging ? 'move' : 'auto',
       '-ms-interpolation-mode': 'nearest-neighbor',
@@ -127,12 +128,11 @@ export class NanoMap extends Component {
 
     return (
       <Box className="NanoMap__container">
-        <Box>
-          <img
-            src={mapUrl}
-            style={newStyle}
-            onMouseDown={this.handleDragStart}
-          />
+        <Box
+          style={newStyle}
+          textAlign="center"
+          onMouseDown={this.handleDragStart}
+        >
           <Box>{children}</Box>
         </Box>
         <NanoMapZoomer zoom={zoom} onZoom={this.handleZoom} />