diff --git a/frontend/components/environments/secrets/HistoryDialog.tsx b/frontend/components/environments/secrets/HistoryDialog.tsx
index 2ccf742f0..d7dd6859d 100644
--- a/frontend/components/environments/secrets/HistoryDialog.tsx
+++ b/frontend/components/environments/secrets/HistoryDialog.tsx
@@ -222,7 +222,9 @@ export const HistoryDialog = ({
                                 </div>
                                 <span className="text-neutral-500 text-sm">by</span>
 
-                                {eventCreatedBy(historyItem!)}
+                                <div className="text-zinc-900 dark:text-zinc-100">
+                                  {eventCreatedBy(historyItem!)}
+                                </div>
                               </div>
                               {index > 0 && (
                                 <SecretPropertyDiffs
diff --git a/frontend/components/environments/secrets/SecretPropertyDiffs.tsx b/frontend/components/environments/secrets/SecretPropertyDiffs.tsx
index 7b58ee3e0..4ee9b2ff1 100644
--- a/frontend/components/environments/secrets/SecretPropertyDiffs.tsx
+++ b/frontend/components/environments/secrets/SecretPropertyDiffs.tsx
@@ -56,7 +56,7 @@ export const SecretPropertyDiffs = (props: {
               <div>
                 <s className=" text-red-500 ph-no-capture">{previousItem.value}</s>
               </div>
-              <div className="flex items-center justify-end">
+              <div className="flex items-center justify-end p-1">
                 <Button
                   variant="outline"
                   onClick={() => handleRestoreValue(previousItem.value)}