Update app.py

app.py

@@ -26,7 +26,7 @@ custom_css = """
     float: left;
 }
 .feedback-output {
-    width: 47%; /* Set feedback output width to 50% */
+    width: 47%; /* Set feedback output width to 47% */
     float: left; /* Align to the left */
 }
 </style>
@@ -72,7 +72,8 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
         confidence_output = gr.Textbox(label="Confidence", interactive=False)
 
     # Create a row for feedback output
-    feedback_output = gr.Textbox(label="Feedback Status", interactive=False)
+    with gr.Row():
+        feedback_output = gr.Textbox(label="Feedback Status", interactive=False, elem_classes="feedback-output")  # Add class to feedback output
     
     # Buttons
     with gr.Row():
@@ -80,7 +81,7 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as demo:
         feedback_btn = gr.Button("The model was wrong", variant="secondary", elem_id="feedback_btn")
         
     gr.Markdown("<br>")  # Adding space below buttons
-    clear_btn = gr.Button("Clear", elem_id="clear_btn", elem_classes="clear-button")  # Add class to clear button
+    clear_btn = gr.Button("Clear", elem_id="clear_btn")  # No need for elem_classes here
 
     submit_btn.click(predict, inputs=image_input, outputs=[prediction_output, confidence_output])
     feedback_btn.click(report_feedback, outputs=feedback_output)