diff --git a/src/TestPanel.js b/src/TestPanel.js
index 6647edf..6db1116 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -447,6 +447,7 @@ const [treePage,setTreePage] = useState(1)
 const [weaponSelectWindowOpen,setWeaponSelectWindowOpen] = useState(false)
 const [armorSelectWindowOpen,setArmorSelectWindowOpen] = useState(false)
 const [augmentSelectWindowOpen,setAugmentSelectWindowOpen] = useState(false)
+const [augmentDetailsWindowOpen,setAugmentDetailsWindowOpen] = useState(false)
 
 
 const [selectedWeapon,setSelectedWeapon] = useState([])
@@ -726,7 +727,7 @@ function deepCopySkills(skillData) {
             <div className="editOverlay"><p><PencilFill /> Edit</p></div>
               +40</div>
             </div>
-            <PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}><div onClick={()=>{setAugmentSelectWindowOpen(true)}}><PencilFill /> Edit Details</div></PageControl>
+            <PageControl pages={3} currentPage={weaponPage} setCurrentPage={setWeaponPage}><div onClick={()=>{setAugmentDetailsWindowOpen(true)}}><PencilFill /> Edit Details</div></PageControl>
             {weaponPage === 1 ?
 
 <>
@@ -752,7 +753,7 @@ function deepCopySkills(skillData) {
 </div></div>
 </div>
 <div className="itemDetailsGridBottom editOverlayWrapper">
-<div className="editOverlay" onClick={()=>{setAugmentSelectWindowOpen(true)}}><p><PencilFill /> Edit</p></div>
+<div className="editOverlay" onClick={()=>{setAugmentDetailsWindowOpen(true)}}><p><PencilFill /> Edit</p></div>
 <div className="itemPotential"><span className="pot">Soulspring Unit Lv.3</span></div>
 <div className="itemFixa"><span className="fixa">Fixa Attack Lv.3</span></div>
 <div className="itemDetailsAugment">
@@ -926,6 +927,23 @@ function deepCopySkills(skillData) {
       </table>
       </ReactPlaceholder>
     </div>
+
+    <div className="box">
+          <div className="boxTitleBar">
+          <h1>Damage Formula Breakdown</h1></div><div style={{padding:"10px",lineHeight:"22px",fontSize:"11px",fontFamily:"Courier"}}>
+          ( <span style={{color:"OrangeRed"}}>Weapon Attack Power</span> * <span style={{color:"PaleGreen"}}>Variance</span> + <span style={{color:"PowderBlue"}}>Base Attack Power</span> - <span className="badGuy">Enemy Defense</span> )<br />
+          <span style={{}}> * Attack Potency</span>
+          <span style={{}}> * Main Class Weapon Boost</span>
+          <span style={{}}> * Class Skill Multi</span>
+          <span style={{}}> * Buffs</span>
+          <span style={{}}> * Debuffs</span>
+          <span style={{}}> * Enemy Part Multi</span>
+          <span style={{}}> * Enemy Debuffs</span>
+          <span style={{}}> * 0.2</span></div>
+          </div>
+
+
+
   </div>
 </div>
 
@@ -1039,31 +1057,8 @@ function deepCopySkills(skillData) {
     setFoodPointData={setFoodPointData}
     prevFoodPointData={prevFoodPointData}/>
 
-<Modal ariaHideApp={false} isOpen={augmentSelectWindowOpen} onRequestClose={()=>{setAugmentSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
+<Modal ariaHideApp={false} isOpen={augmentDetailsWindowOpen} onRequestClose={()=>{setAugmentDetailsWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
 <div className="augmentSelectorPopup">
-<div className="box boxModal">
-<div className="boxTitleBar">
-              <h1>Select Augments</h1></div>
-              <div className="augmentSelectorList customScrollbar noSelect">
-                <ul>
-                  <li className="pot">Dynamo Unit Lv.1</li>
-                  <li className="pot">Dynamo Unit Lv.2</li>
-                  <li className="pot">Dynamo Unit Lv.3</li>
-                  <li className="pot">Dynamo Unit Lv.4</li>
-                  <li className="fixa">Fixa Attack Lv.1</li>
-                  <li className="fixa">Fixa Attack Lv.2</li>
-                  <li className="fixa">Fixa Attack Lv.3</li>
-                  <li className="fixa">Fixa Attack Lv.4</li>
-                  <li className="aug">Melee I</li>
-                  <li className="aug">Melee II</li>
-                  <li className="aug">Melee III</li>
-                  <li className="aug">Precision I</li>
-                  <li className="aug">Precision II</li>
-                  <li className="aug">Precision III</li>
-</ul>
-              </div>
-  </div>
-  
 <div className="box boxModal">
             <div className="boxTitleBar">
               <h1>Equipped Weapon</h1></div>
@@ -1080,12 +1075,12 @@ function deepCopySkills(skillData) {
               <div className="augmentDetailsStatsHeader"><h3>Stat Adjustment</h3></div>
               <div className="augmentDetailsList customScrollbar noSelect">
                 <ul>
-                  <li className="pot">Dynamo Unit Lv.3</li>
-                  <li className="fixa">Fixa Attack Lv.3</li>
-                  <li className="aug">test</li>
-                  <li className="aug">test</li>
-                  <li className="aug">test</li>
-                  <li className="aug">test</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="pot">Dynamo Unit Lv.3</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="fixa">Fixa Attack Lv.3</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
+                  <li onClick={()=>{setAugmentSelectWindowOpen(true)}} className="aug">test</li>
 </ul>
               </div>
               <div className="augmentDetailsStats">
@@ -1108,6 +1103,34 @@ function deepCopySkills(skillData) {
 
           </div>
           </div>
+        
+</Modal>
+  
+<Modal ariaHideApp={false} isOpen={augmentSelectWindowOpen} onRequestClose={()=>{setAugmentSelectWindowOpen(false)}} shouldFocusAfterRender={true} shouldCloseOnOverlayClick={true} shouldCloseOnEsc={true} className="modal" overlayClassName="modalOverlayAugment">
+<div className="augmentSelectorPopup">
+<div className="box boxModal">
+<div className="boxTitleBar">
+              <h1>Select Augments</h1></div>
+              <div className="augmentSelectorList customScrollbar noSelect">
+                <ul>
+                  <li className="pot">Dynamo Unit Lv.1</li>
+                  <li className="pot">Dynamo Unit Lv.2</li>
+                  <li className="pot">Dynamo Unit Lv.3</li>
+                  <li className="pot">Dynamo Unit Lv.4</li>
+                  <li className="fixa">Fixa Attack Lv.1</li>
+                  <li className="fixa">Fixa Attack Lv.2</li>
+                  <li className="fixa">Fixa Attack Lv.3</li>
+                  <li className="fixa">Fixa Attack Lv.4</li>
+                  <li className="aug">Melee I</li>
+                  <li className="aug">Melee II</li>
+                  <li className="aug">Melee III</li>
+                  <li className="aug">Precision I</li>
+                  <li className="aug">Precision II</li>
+                  <li className="aug">Precision III</li>
+</ul>
+              </div>
+  </div>
+          </div>
 </Modal>
 </>
 )
diff --git a/src/icons/badguy.png b/src/icons/badguy.png
new file mode 100644
index 0000000..2503e7f
Binary files /dev/null and b/src/icons/badguy.png differ
diff --git a/src/style.css b/src/style.css
index 64165d1..ec78ef4 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1211,7 +1211,7 @@ button {
 	display: grid;
 	justify-items: stretch;
 	align-items: center;    
-	grid-template-columns: minmax(10px,1fr) minmax(auto,910px) minmax(10px,1fr);
+	grid-template-columns: minmax(10px,1fr) minmax(0, auto) minmax(10px,1fr);
 	grid-template-rows: 10px minmax(10px, 1fr) 10px;
 	min-height: 100vh;
 	/* mobile viewport bug fix */
@@ -1812,4 +1812,7 @@ dd:before {
 .buildPalette{
 	width:360px;
 	margin:auto;
+}
+.badGuy:before	{
+	content:url("./icons/badguy.png");
 }
\ No newline at end of file