2

app.py

@@ -159,7 +159,7 @@ custom_html="""
             padding: 10px;
             background-color:#90EE90; /* Light red background for alert */
         }
-        .story-legacy-heading {
+        .gr-story_legacy_heading {
                 background-color: White;
                 font-size: 30px;
                 font-weight: bold;
@@ -375,8 +375,8 @@ def gradio_app():
     with gr.Blocks(css=custom_html) as demo:
         with gr.Row():
             gr.Markdown("""
-            <div style="background-color: White; font-size: 30px !important; font-weight: bold !important; color: #00008B !important; text-align: left; margin-top: -10px; margin-bottom: 10px;">StoryLegacy</div>
-            """,elem_id = "story-legacy-heading")
+            <div class ="gr-story_legacy_heading"">StoryLegacy</div>
+            """)
             gr.Markdown(f"""
             <div style="background-color: White; font-size: 30px !important; font-weight: bold !important; color: #00008B !important; text-align: right; margin-top: -10px; margin-bottom: 10px;">Project: {PROJECT_CODE}</div>
             """)