From 8ceaba8b8264f5519de732cc603dcd276b4b4f4d Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Fri, 28 Jun 2024 01:49:10 -0400
Subject: header text no longer shifts left on hover

---
 .../views/collections/collectionSchema/SchemaColumnHeader.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx')

diff --git a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
index d16cde1f8..83a136737 100644
--- a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
+++ b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
@@ -237,11 +237,11 @@ export class SchemaColumnHeader extends ObservableReactComponent<SchemaColumnHea
                     }}>
                     <div className="schema-column-resizer left" onPointerDown={e => this._props.resizeColumn(e, this._props.columnIndex)} />
 
-                    <div>{this.editableView}</div>
+                    <div className="schema-header-text">{this.editableView}</div>
 
                     <div className="schema-header-menu">
-                        <div className="schema-header-button">
-                            {this.displayButton ? this.headerButton : null}
+                        <div className="schema-header-button" style={{opacity: this.displayButton ? '1.0' : '0.0'}}>
+                            {this.headerButton}
                         </div>
                     </div>  
                 </div>
-- 
cgit v1.2.3-70-g09d2

