diff --git a/src/App/HP.css b/src/App/HP.css
index 54f5da9e7eef262ca89bca903c5101e2f2dc9a99..5aca53d1ea7ef1e282ac2d699a5f32cf93b5ed00 100644
--- a/src/App/HP.css
+++ b/src/App/HP.css
@@ -31,4 +31,11 @@
 
   #g744{
     display: block !important;
+  }
+
+  #hp3-wrapper{
+    display: inline-flex;
+    justify-content: center;
+    max-width: 70%;
+    max-height: 60%;
   }
\ No newline at end of file
diff --git a/src/contents/Human Practices/HP svgs/hp3.tsx b/src/contents/Human Practices/HP svgs/hp3.tsx
index 2e527f93d050cd2b07497cb45d639ddeea2e96a7..a3d821abde6c4ac9c83a12fe9573d86a53374abd 100644
--- a/src/contents/Human Practices/HP svgs/hp3.tsx	
+++ b/src/contents/Human Practices/HP svgs/hp3.tsx	
@@ -5,7 +5,6 @@ import { openClasses } from "../../../utils/openClass";
 export const HP3new = () => (
   <svg
     viewBox="0 0 1255.0403 780"
-    height={780}
     width={1255.0403}
     xmlSpace="preserve"
     id="svg2"
@@ -2543,9 +2542,9 @@ export const HP3new = () => (
                 <tspan
                   id="tspan628"
                   y={0}
-                  x="0 11.14224 16.55304 21.001921 32.144161 42.204239 46.653118 57.795361 68.937599 80.079842 85.530724 95.55072 106.69296 113.36628 117.81516 128.9574 134.52852 144.44832 150.01944 161.16168 166.65263 172.0434 183.18564 187.63452 193.20564 198.67656 209.8188 216.5322 227.67444 238.81668 244.3878"
+                  x="0"
                 >
-                  {"o include variety of different "}
+                  {"to include variety of different "}
                 </tspan>
               </text>
             </g>
@@ -3588,28 +3587,7 @@ export const HP3new = () => (
               display: "inline",
             }}
           >
-            <g clipPath="url(#clipPath614)" id="g610">
-              <text
-                id="text618"
-                style={{
-                  fontVariant: "normal",
-                  fontWeight: "normal",
-                  fontSize: "20.04px",
-                  fontFamily: "ArialMT",
-                   
-                  
-                  fill: "#000000",
-                  fillOpacity: 1,
-                  fillRule: "nonzero",
-                  stroke: "none",
-                }}
-                transform="matrix(1,0,0,-1,102.96,811.54)"
-              >
-                <tspan id="tspan616" y={0} x={0}>
-                  {"t"}
-                </tspan>
-              </text>
-            </g>
+
           </g>
         </g>
       </g>
diff --git a/src/contents/Human Practices/IHP.tsx b/src/contents/Human Practices/IHP.tsx
index 89d58d8462b56efd98ebd6a88f751f32b7c06955..dc54f702a6e8c6bc7e434e00bd92b30b351ee34d 100644
--- a/src/contents/Human Practices/IHP.tsx	
+++ b/src/contents/Human Practices/IHP.tsx	
@@ -100,7 +100,11 @@ export function HPIntegrated(){
                 none
             </div>
             <div className="col framecycletab" id="feedcycle" style={{display: "none"}}>
-                <HP3new/>
+                <div id="hp3-wrapper">
+                    <div className="col">
+                    <HP3new/>
+                    </div>
+                </div>
             </div>
             <div className="col framecycletab" id="refcycle" style={{display: "none"}}>refcycle </div>
             </Subesction>