diff --git a/src/components/blog/TextEditor.tsx b/src/components/blog/TextEditor.tsx
index 5a24a59..56c5c47 100644
--- a/src/components/blog/TextEditor.tsx
+++ b/src/components/blog/TextEditor.tsx
@@ -523,7 +523,7 @@ const ReferenceSectionMarker = Node.create({
       mergeAttributes(HTMLAttributes, {
         id: "references-section-start",
         style:
-          "display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.5rem; margin: 0 0.25rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 600; font-family: system-ui, -apple-system, sans-serif; user-select: none; cursor: default; vertical-align: middle;",
+          "display: inline-flex; align-items: center; padding: 0.125rem 0.5rem; margin: 0 0.25rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 0.25rem; font-size: 0.75rem; font-weight: 600; font-family: system-ui, -apple-system, sans-serif; user-select: none; cursor: default; vertical-align: middle;",
         contenteditable: "false"
       }),
       "📌 References Section"
@@ -2257,7 +2257,7 @@ export default function TextEditor(props: TextEditorProps) {
             <Show when={showBubbleMenu()}>
               <div
                 ref={bubbleMenuRef}
-                class="bg-crust text-text fixed z-[120] w-fit rounded p-2 text-sm whitespace-nowrap shadow-xl"
+                class="bg-crust text-text fixed z-120 w-fit rounded p-2 text-sm whitespace-nowrap shadow-xl"
                 style={{
                   top: `${bubbleMenuPosition().top}px`,
                   left: `${bubbleMenuPosition().left}px`,
diff --git a/src/routes/blog/post.css b/src/routes/blog/post.css
index fdba108..9164502 100644
--- a/src/routes/blog/post.css
+++ b/src/routes/blog/post.css
@@ -586,51 +586,6 @@ svg.mermaid text {
   paint-order: stroke fill !important;
 }
 
-/* Text alignment styles */
-.ProseMirror [style*="text-align: left"],
-.ProseMirror p[style*="text-align: left"],
-.ProseMirror h1[style*="text-align: left"],
-.ProseMirror h2[style*="text-align: left"],
-.ProseMirror h3[style*="text-align: left"],
-.ProseMirror h4[style*="text-align: left"],
-.ProseMirror h5[style*="text-align: left"],
-.ProseMirror h6[style*="text-align: left"] {
-  text-align: left;
-}
-
-.ProseMirror [style*="text-align: center"],
-.ProseMirror p[style*="text-align: center"],
-.ProseMirror h1[style*="text-align: center"],
-.ProseMirror h2[style*="text-align: center"],
-.ProseMirror h3[style*="text-align: center"],
-.ProseMirror h4[style*="text-align: center"],
-.ProseMirror h5[style*="text-align: center"],
-.ProseMirror h6[style*="text-align: center"] {
-  text-align: center;
-}
-
-.ProseMirror [style*="text-align: right"],
-.ProseMirror p[style*="text-align: right"],
-.ProseMirror h1[style*="text-align: right"],
-.ProseMirror h2[style*="text-align: right"],
-.ProseMirror h3[style*="text-align: right"],
-.ProseMirror h4[style*="text-align: right"],
-.ProseMirror h5[style*="text-align: right"],
-.ProseMirror h6[style*="text-align: right"] {
-  text-align: right;
-}
-
-.ProseMirror [style*="text-align: justify"],
-.ProseMirror p[style*="text-align: justify"],
-.ProseMirror h1[style*="text-align: justify"],
-.ProseMirror h2[style*="text-align: justify"],
-.ProseMirror h3[style*="text-align: justify"],
-.ProseMirror h4[style*="text-align: justify"],
-.ProseMirror h5[style*="text-align: justify"],
-.ProseMirror h6[style*="text-align: justify"] {
-  text-align: justify;
-}
-
 /* Image alignment */
 .ProseMirror img[style*="text-align: center"] {
   display: block;