From d4bdf04061c6a52dd93b5379eeabccfbcdf98386 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Tue, 22 Jul 2025 09:34:43 -0700
Subject: [PATCH] improvement: responsive and border color

---
 .../SecretDashboardPage/components/CommitForm/CommitForm.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/secret-manager/SecretDashboardPage/components/CommitForm/CommitForm.tsx b/frontend/src/pages/secret-manager/SecretDashboardPage/components/CommitForm/CommitForm.tsx
index ac45cf4a6..c2e3ab12b 100644
--- a/frontend/src/pages/secret-manager/SecretDashboardPage/components/CommitForm/CommitForm.tsx
+++ b/frontend/src/pages/secret-manager/SecretDashboardPage/components/CommitForm/CommitForm.tsx
@@ -296,7 +296,7 @@ export const CommitForm: React.FC<CommitFormProps> = ({
     <>
       {/* Floating Panel */}
       {!isModalOpen && (
-        <div className="fixed bottom-4 z-40 w-full max-w-4xl self-center rounded-lg border border-mineshaft-600 bg-mineshaft-800 shadow-2xl">
+        <div className="fixed bottom-4 left-1/2 z-40 w-full max-w-3xl -translate-x-1/2 self-center rounded-lg border border-yellow/30 bg-mineshaft-800 shadow-2xl lg:left-auto lg:translate-x-0">
           <div className="flex items-center justify-between p-4">
             {/* Left Content */}
             <div className="flex-1">
@@ -311,7 +311,7 @@ export const CommitForm: React.FC<CommitFormProps> = ({
 
               {/* Description */}
               <p className="text-sm leading-5 text-mineshaft-400">
-                Review your pending changes and commit them to apply the updates.
+                Review pending changes and commit them to apply the updates.
               </p>
             </div>