diff --git a/src/app/sections/ProfileSection.module.css b/src/app/sections/ProfileSection.module.css
index 14292bc..a74e320 100644
--- a/src/app/sections/ProfileSection.module.css
+++ b/src/app/sections/ProfileSection.module.css
@@ -132,6 +132,17 @@
   border-radius: 24px;
   border: 1px solid rgba(255, 190, 164, 0.22);
   background: rgba(241, 96, 47, 0.12);
+  min-height: 56px;
+  transition: opacity 0.2s ease;
+}
+
+.confirmHidden {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.confirmVisible {
+  opacity: 1;
 }
 
 .confirmText {
diff --git a/src/app/sections/ProfileSection.tsx b/src/app/sections/ProfileSection.tsx
index 81838a8..c930c3d 100644
--- a/src/app/sections/ProfileSection.tsx
+++ b/src/app/sections/ProfileSection.tsx
@@ -170,20 +170,22 @@ export function ProfileSection() {
                 value={form.role}
                 onChange={handleFieldChange('role')}
               />
-              {isDirty ? (
-                <div className={`${styles.confirmBar} ${styles.fieldWide}`}>
-                  <span className={styles.confirmText}>Unsaved changes</span>
-                  <PillButton
-                    type="button"
-                    accent
-                    className={styles.confirmButton}
-                    onClick={handleSave}
-                    disabled={isSaving}
-                  >
-                    {isSaving ? 'saving...' : 'confirm'}
-                  </PillButton>
-                </div>
-              ) : null}
+              <div
+                className={`${styles.confirmBar} ${styles.fieldWide} ${
+                  isDirty ? styles.confirmVisible : styles.confirmHidden
+                }`}
+              >
+                <span className={styles.confirmText}>Unsaved changes</span>
+                <PillButton
+                  type="button"
+                  accent
+                  className={styles.confirmButton}
+                  onClick={handleSave}
+                  disabled={isSaving}
+                >
+                  {isSaving ? 'saving...' : 'confirm'}
+                </PillButton>
+              </div>
               {saveError ? (
                 <p className={`${styles.errorText} ${styles.fieldWide}`}>{saveError}</p>
               ) : null}