diff --git a/src/components/monsterBar/as.tsx b/src/components/monsterBar/as.tsx
index 8d450cc..4551d98 100644
--- a/src/components/monsterBar/as.tsx
+++ b/src/components/monsterBar/as.tsx
@@ -158,7 +158,7 @@ export default function AsBar() {
                     />
                 </div>
                 {/* Settings */}
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-2">
 
                     <div className="flex items-center gap-2">
                         <label className="label">
@@ -193,6 +193,7 @@ export default function AsBar() {
                         </select>
                     </div>
                 </div>
+                <div className="label-text font-bold text-success mb-2">StageId: {as_config?.stage_id}</div>
                 {eventSelected && (
                     <div className="mb-4 w-full">
                         <SelectCustomText
diff --git a/src/components/monsterBar/moc.tsx b/src/components/monsterBar/moc.tsx
index eec0a1c..8901555 100644
--- a/src/components/monsterBar/moc.tsx
+++ b/src/components/monsterBar/moc.tsx
@@ -136,7 +136,8 @@ export default function MocBar() {
                     />
                 </div>
                 {/* Settings */}
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-2">
 
                     <div className="flex items-center gap-2">
                         <label className="label">
@@ -173,6 +174,8 @@ export default function MocBar() {
                             <option value="Lower -> Upper">{transI18n("lowerToUpper")}</option>
                         </select>
                     </div>
+                    
+                    
 
                     <div className="flex items-center gap-2">
                         <label className="label cursor-pointer">
@@ -191,6 +194,7 @@ export default function MocBar() {
                         </label>
                     </div>
                 </div>
+                <div className="label-text font-bold text-success mb-2">StageId: {moc_config?.stage_id}</div>
 
                 {/* Turbulence Buff */}
                 <div className="bg-base-200/20 rounded-lg p-4 border border-purple-500/20">
diff --git a/src/components/monsterBar/peak.tsx b/src/components/monsterBar/peak.tsx
index 82d010d..765cb6e 100644
--- a/src/components/monsterBar/peak.tsx
+++ b/src/components/monsterBar/peak.tsx
@@ -113,7 +113,7 @@ export default function PeakBar() {
                 <div className={
                     `grid grid-cols-1 
                     ${eventSelected && eventSelected.BossLevel?.ID === peak_config.challenge_id ? "md:grid-cols-2" : ""}
-                    gap-4 mb-4 justify-items-center items-center w-full`}
+                    gap-4 mb-2 justify-items-center items-center w-full`}
                 >
 
                     <div className="flex items-center gap-2 w-full">
@@ -149,6 +149,7 @@ export default function PeakBar() {
                     )}
 
                 </div>
+                <div className="label-text font-bold text-success mb-2">StageId: {peak_config?.stage_id}</div>
                 {
                     eventSelected
                     && eventSelected.BossLevel?.ID === peak_config.challenge_id
@@ -210,7 +211,8 @@ export default function PeakBar() {
                 <div className="grid grid-cols-1 gap-4">
 
                     <div className="rounded-xl p-4 mt-2 border border-warning">
-                        <h2 className="text-2xl font-bold mb-6 text-info">{getLocaleName(locale, challengeSelected?.Name)}</h2>
+                        <h2 className="text-2xl font-bold mb-2 text-info">{getLocaleName(locale, challengeSelected?.Name)}</h2>
+                        
 
                         {challengeSelected && Object.values(challengeSelected?.EventList?.[0]?.Infinite || []).map((waveValue, waveIndex) => (
                             <div key={waveIndex} className="mb-6">
diff --git a/src/components/monsterBar/pf.tsx b/src/components/monsterBar/pf.tsx
index 76d3804..63317a3 100644
--- a/src/components/monsterBar/pf.tsx
+++ b/src/components/monsterBar/pf.tsx
@@ -139,7 +139,7 @@ export default function PfBar() {
                     />
                 </div>
                 {/* Settings */}
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-2">
 
                     <div className="flex items-center gap-2">
                         <label className="label">
@@ -174,6 +174,7 @@ export default function PfBar() {
                         </select>
                     </div>
                 </div>
+                <div className="label-text font-bold text-success mb-2">StageId: {pf_config?.stage_id}</div>
                 {eventSelected && (
                     <div className="mb-4 w-full">
                         <SelectCustomText
@@ -234,8 +235,8 @@ export default function PfBar() {
                 <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
                     {/* First Half */}
                     <div className="rounded-xl p-4 mt-2 border border-warning">
-                        <h2 className="text-2xl font-bold mb-6 text-info">{transI18n("firstHalfEnemies")}</h2>
-
+                        <h2 className="text-2xl font-bold mb-2 text-info">{transI18n("firstHalfEnemies")}</h2>
+                    
                         {challengeSelected && Object.values(challengeSelected.EventList1?.[0]?.Infinite || []).map((waveValue, waveIndex) => (
                             <div key={waveIndex} className="mb-6">
                                 <h3 className="text-lg font-semibold">{transI18n("wave")} {waveIndex + 1}</h3>