diff --git a/src/components/Common/BlueRect/index.module.css b/src/components/Common/BlueRect/index.module.css
index d218b74..db672da 100644
--- a/src/components/Common/BlueRect/index.module.css
+++ b/src/components/Common/BlueRect/index.module.css
@@ -52,73 +52,73 @@
 
 .TE271 {
   top: 160px;
-  left: 80px;
+  left: 70px;
 }
 .TE272 {
   top: 254px; /* +94px */
-  left: 80px;
+  left: 70px;
 }
 .TE273 {
   top: 348px; /* +94px */
-  left: 80px;
+  left: 70px;
 }
 .TE274 {
   top: 442px;
-  left: 80px;
+  left: 70px;
 }
 .TE279 {
   top: 536px;
-  left: 80px;
+  left: 70px;
 }
 .TE275 {
   top: 160px;
-  left: 216px;
+  left: 206px;
 }
 .TE276 {
   top: 254px;
-  left: 216px; /* +136px */
+  left: 206px; /* +136px */
 }
 .TE277 {
   top: 348px; /* +94px */
-  left: 216px; /* +136px */
+  left: 206px; /* +136px */
 }
 .TE278 {
   top: 442px; /* +94px */
-  left: 216px; /* +136px */
+  left: 206px; /* +136px */
 }
 .TE280 {
   top: 536px; /* +94px */
-  left: 216px; /* +136px */
+  left: 206px; /* +136px */
 }
 
 /** center top **/
 .TE227 {
   top: 128px;
-  left: 616px;
+  left: 660px;
 }
 .TE229 {
   top: 128px;
-  left: 736px; /* +120px */
+  left: 776px; /* +120px */
 }
 .TE231 {
   top: 128px;
-  left: 856px;
+  left: 896px;
 }
 .TE233 {
   top: 128px;
-  left: 976px;
+  left: 1006px;
 }
 .TE235 {
   top: 128px;
-  left: 1096px;
+  left: 1119px;
 }
 .TE237 {
   top: 128px;
-  left: 1216px;
+  left: 1236px;
 }
 .TE239 {
   top: 128px;
-  left: 1336px;
+  left: 1346px;
 }
 .TE241 {
   top: 128px;
@@ -128,70 +128,70 @@
 /** center bottom **/
 .TE228 {
   top: 620px;
-  left: 588px;
+  left: 628px;
 }
 .TE230 {
   top: 620px;
-  left: 710px;
+  left: 750px;
 }
 .TE232 {
   top: 620px;
-  left: 836px;
+  left: 870px;
 }
 .TE234 {
   top: 620px;
-  left: 965px;
+  left: 995px;
 }
 .TE236 {
   top: 620px;
-  left: 1090px;
+  left: 1120px;
 }
 .TE238 {
   top: 620px;
-  left: 1215px;
+  left: 1245px;
 }
 .TE240 {
   top: 620px;
-  left: 1340px;
+  left: 1370px;
 }
 .TE242 {
   top: 620px;
-  left: 1460px;
+  left: 1480px;
 }
 
 /** center middle **/
 .TE201 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 450px;
+  left: 480px;
 }
 .TE202 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 580px;
+  left: 610px;
 }
 .TE203 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 710px;
+  left: 740px;
 }
 .TE204 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 840px;
+  left: 870px;
 }
 .TE205 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 970px;
+  left: 1000px;
 }
 .TE206 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 1100px;
+  left: 1130px;
 }
 .TE207 {
-  top: 335px;
+  top: 330px;
   transform: rotate(-1deg);
   left: 1260px;
 }
@@ -213,58 +213,58 @@
 .TE211 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 1530px;
+  left: 1520px;
 }
 .TE212 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 1660px;
+  left: 1650px;
 }
 .TE213 {
   top: 410px;
   transform: rotate(-1deg);
-  left: 1790px;
+  left: 1780px;
 }
 
 /** right **/
 .TE214 {
-  top: 160px;
+  top: 168px;
   left: 2000px;
 }
 .TE215 {
   top: 265px;
-  left: 2020px;
+  left: 2030px;
 }
 .TE216 {
   top: 400px;
-  left: 2030px;
-}
-.TE217 {
-  top: 535px;
   left: 2050px;
 }
+.TE217 {
+  top: 520px;
+  left: 2070px;
+}
 .TE218 {
-  top: 670px;
-  left: 2080px;
+  top: 640px;
+  left: 2090px;
 }
 .TE219 {
-  top: 160px;
+  top: 168px;
   left: 2120px;
 }
 .TE220 {
   top: 265px;
-  left: 2140px;
+  left: 2135px;
 }
 .TE221 {
   top: 400px;
-  left: 2150px;
-}
-.TE222 {
-  top: 535px;
   left: 2170px;
 }
+.TE222 {
+  top: 520px;
+  left: 2180px;
+}
 .TE223 {
-  top: 670px;
+  top: 640px;
   left: 2200px;
 }
 .TE224 {
@@ -273,9 +273,9 @@
 }
 .TE225 {
   top: 400px;
-  left: 2310px;
+  left: 2290px;
 }
 .TE226 {
-  top: 535px;
-  left: 2280px;
+  top: 520px;
+  left: 2290px;
 }
diff --git a/src/components/Common/TemperatureTop/index.jsx b/src/components/Common/TemperatureTop/index.jsx
index dbf4715..b7bc88d 100644
--- a/src/components/Common/TemperatureTop/index.jsx
+++ b/src/components/Common/TemperatureTop/index.jsx
@@ -26,7 +26,7 @@ function TemperatureTop(props) {
         top: "0",
         left: "0",
         width: "100%",
-        height: "95vh",
+        height: "80vh",
         background: "#ccc3",
         zIndex: "-1",
         ...props.style
diff --git a/src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx b/src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx
index 059100e..3647f54 100644
--- a/src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx
+++ b/src/components/Modules/KilnInner/Center/videoComponents/EnterToFloor1.jsx
@@ -2,7 +2,7 @@ import { motion, AnimatePresence } from "framer-motion";
 import { useRef, useEffect, useMemo, useCallback, useState } from "react";
 import cls from "../index.module.css";
 // import SocketContext from '../../../../../store/socket-data-provider';
-import { useContext } from "react";
+import TemperatureTop from "../../../../Common/TemperatureTop";
 
 function EnterToFloorOne(props) {
   // const ctx = useContext(SocketContext);
@@ -83,6 +83,14 @@ function EnterToFloorOne(props) {
               transition: { duration: 0.3, delay: 2 },
             }}
           ></motion.div> */}
+          {/* <TemperatureTop
+            style={{
+              top: "208px",
+              left: "638px",
+              width: "2380px",
+              zIndex: 0,
+            }}
+          /> */}
         </motion.div>
       )}
     </AnimatePresence>
diff --git a/src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx b/src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx
index 534aa0b..63e7796 100644
--- a/src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx
+++ b/src/components/Modules/KilnInner/Center/videoComponents/Floor1To2.jsx
@@ -2,11 +2,11 @@ import { motion, AnimatePresence } from "framer-motion";
 import { useRef, useEffect, useMemo, useState } from "react";
 import cls from "../index.module.css";
 // import SocketContext from '../../../../../store/socket-data-provider';
-import { useContext } from "react";
+// import { useContext } from "react";
+import TemperatureTop from "../../../../../components/Common/TemperatureTop";
+
 
 function FloorOneToTwo(props) {
-  // const ctx = useContext(SocketContext);
-
   const ctx = null;
 
   const fireDir = ctx?.runState?.fireDirection || null;
@@ -74,7 +74,7 @@ function FloorOneToTwo(props) {
             ></video>
           )}
 
-          <motion.div
+          {/* <motion.div
             className={cls.videoLayer2}
             key="1to2div"
             style={{
@@ -87,7 +87,15 @@ function FloorOneToTwo(props) {
               opacity: [0, 0, 0, 0.6, 1],
               transition: { duration: 0.3, delay: 2 },
             }}
-          ></motion.div>
+          ></motion.div> */}
+          <TemperatureTop
+            style={{
+              top: "208px",
+              left: "638px",
+              width: "2380px",
+              zIndex: 0,
+            }}
+          />
         </motion.div>
       )}
     </AnimatePresence>
diff --git a/src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx b/src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx
index b6d8a2c..5efe56e 100644
--- a/src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx
+++ b/src/components/Modules/KilnInner/Center/videoComponents/Floor2To1.jsx
@@ -87,16 +87,15 @@ function FloorTwoToOne(props) {
               transition: { duration: 0.3, delay: 2 },
             }}
           ></motion.div> */}
-          <TemperatureTop
-            style={{
-              top: "208px",
-              left: "638px",
-              width: "2380px",
-              zIndex: 0
-            }}
-          />
         </motion.div>
       )}
+      {/* style={{
+          top: "208px",
+          left: "638px",
+          width: "2380px",
+          zIndex: 0,
+        }} */}
+      {/* <TemperatureTop /> */}
     </AnimatePresence>
   );
 }