diff --git a/src/components/piano-roll/PianoRoll.css b/src/components/piano-roll/PianoRoll.css
index 58c8fdb..6c421d1 100644
--- a/src/components/piano-roll/PianoRoll.css
+++ b/src/components/piano-roll/PianoRoll.css
@@ -137,7 +137,8 @@
 .piano-roll-title {
   flex: 1;
   text-align: center;
-  font-size: 14px;
+  font-size: 12px;
+  font-weight: bold;
   color: #e0e0e0;
   /* text-transform: uppercase; */
   cursor: pointer;
diff --git a/src/components/piano-roll/PianoRollHeader.tsx b/src/components/piano-roll/PianoRollHeader.tsx
index ba21bc4..53f05b9 100644
--- a/src/components/piano-roll/PianoRollHeader.tsx
+++ b/src/components/piano-roll/PianoRollHeader.tsx
@@ -19,12 +19,6 @@ const PianoRollHeader: React.FC<PianoRollHeaderProps> = ({
       className="piano-roll-header"
       onMouseDown={onMouseDown}
     >
-      <button 
-        className="close-button"
-        onClick={onClose}
-      >
-        <FaTimes />
-      </button>
       <div 
         className="piano-roll-title"
         onClick={onTitleClick}
@@ -32,6 +26,12 @@ const PianoRollHeader: React.FC<PianoRollHeaderProps> = ({
       >
         {title}
       </div>
+      <button 
+        className="close-button"
+        onClick={onClose}
+      >
+        <FaTimes />
+      </button>
     </div>
   );
 };