diff --git a/web/client/src/sections/quanju/containers/footer/conserve/index.js b/web/client/src/sections/quanju/containers/footer/conserve/index.js
index 750f3285..7a141fe5 100644
--- a/web/client/src/sections/quanju/containers/footer/conserve/index.js
+++ b/web/client/src/sections/quanju/containers/footer/conserve/index.js
@@ -28,10 +28,12 @@ const Conserve = (props) => {
     }, [])
 
     return (
-        <div style={{ display: 'flex', width: '100%', height: '100%', justifyContent: 'space-between' }}>
+       <div style={{ width: '100%', height: '100%', }}>
+         <div style={{ display: 'flex', width: '100%', height: '100%', justifyContent: 'space-between' }}>
             <Left roadData={roadData} loading={loading} />
             <Right highwaysData={highwaysData} roadMaintenances={roadMaintenances}/>
         </div>
+       </div>
     )
 }
 function mapStateToProps(state) {
diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js b/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js
index 9115358c..2bb90c39 100644
--- a/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js
+++ b/web/client/src/sections/quanju/containers/footer/conserve/left/left-center.js
@@ -37,6 +37,7 @@ const LeftCenter = (props) => {
                 axisPointer: {
                     type: "none",
                 },
+                formatter: "{b}:{c}",
             },
             grid: {
                 left: "5%",