diff --git a/frontend/src/app/agents/[agentsId]/page.jsx b/frontend/src/app/agents/[agentsId]/page.jsx
index 06e1fa7..11cb780 100644
--- a/frontend/src/app/agents/[agentsId]/page.jsx
+++ b/frontend/src/app/agents/[agentsId]/page.jsx
@@ -122,7 +122,7 @@ const ViewAgentPage = () => {
                     </div>
                   </>
                 ) : (
-                  <div className={createAgentStyle.inputContainer}>
+                  <div className={createAgentStyle.agentInputContainer}>
                     <div className={createAgentStyle.labelContainer}>
                       <p>Agent Endpoint</p>
                       <p className={createAgentStyle.required}>*</p>
diff --git a/frontend/src/app/agents/[agentsId]/styles.module.css b/frontend/src/app/agents/[agentsId]/styles.module.css
index 747bd53..9f46657 100644
--- a/frontend/src/app/agents/[agentsId]/styles.module.css
+++ b/frontend/src/app/agents/[agentsId]/styles.module.css
@@ -50,7 +50,8 @@
   font-weight: 500;
   line-height: normal;
 }
-.inputContainer {
+.inputContainer,
+.agentInputContainer {
   display: flex;
   width: 500px;
   flex-direction: column;
@@ -126,9 +127,13 @@
   .lokiContainer {
     width: 100%;
   }
-  .inputContainer {
+  .inputContainer,
+  .agentInputContainer {
     width: 100%;
   }
+  .agentInputContainer {
+    padding-top: 8px;
+  }
   .headerTxt > p {
     font-size: 16px;
     font-weight: 400;
diff --git a/frontend/src/app/agents/add/page.jsx b/frontend/src/app/agents/add/page.jsx
index fda12c8..83f1f53 100644
--- a/frontend/src/app/agents/add/page.jsx
+++ b/frontend/src/app/agents/add/page.jsx
@@ -123,7 +123,7 @@ const AddAgentPage = () => {
                     </div>
                   </>
                 ) : (
-                  <div className={createAgentStyle.inputContainer}>
+                  <div className={createAgentStyle.agentInputContainer}>
                     <div className={createAgentStyle.labelContainer}>
                       <p>Agent Endpoint</p>
                       <p className={createAgentStyle.required}>*</p>
diff --git a/frontend/src/app/agents/add/styles.module.css b/frontend/src/app/agents/add/styles.module.css
index 0814210..9b6d3bf 100644
--- a/frontend/src/app/agents/add/styles.module.css
+++ b/frontend/src/app/agents/add/styles.module.css
@@ -44,7 +44,8 @@
   font-weight: 500;
   line-height: normal;
 }
-.inputContainer {
+.inputContainer,
+.agentInputContainer {
   display: flex;
   width: 500px;
   flex-direction: column;
@@ -59,7 +60,6 @@
 }
 .labelContainer > p {
   color: #d2d3e1;
-  color: color(display-p3 0.8235 0.8275 0.8784);
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
@@ -120,9 +120,13 @@
   .lokiContainer {
     width: 100%;
   }
-  .inputContainer {
+  .inputContainer,
+  .agentInputContainer {
     width: 100%;
   }
+  .agentInputContainer {
+    padding-top: 8px;
+  }
   .headerTxt > p {
     font-size: 16px;
     font-weight: 400;