update custom css

app.py

@@ -68,13 +68,15 @@ custom_css = """
     border-radius: 5px;
     font-size: 14px;
 }
-.custom-box {
-    margin: 0 !important;
-    padding: 0 !important;
-    height: fit-content;
+.custom-row {
+    margin: 0 !important;  /* Remove any extra margins */
+    padding: 0 !important; /* Remove any extra padding */
+    height: fit-content !important; /* Adjust height to content */
+    display: flex;
+    justify-content: center; /* Center-align contents */
 }
-"""
 
+"""
 
 with gr.Blocks(css=custom_css) as interface:
     gr.Markdown("# NeuralVista: Visualize Object Detection of Your Models")
@@ -111,7 +113,7 @@ with gr.Blocks(css=custom_css) as interface:
             )
 
     # Results and visualization
-    with gr.Row():
+    with gr.Row(elem_classes="custom-row"):
         result_gallery = gr.Gallery(
             label="Results",
             rows=1, 
@@ -128,7 +130,7 @@ with gr.Blocks(css=custom_css) as interface:
         inputs=sample_selection,
         outputs=sample_display,
     )
-    with gr.Row():
+    with gr.Row(elem_classes="custom-row"):
         dff_gallery = gr.Gallery(
             label="Deep Feature Factorization",
             rows=1,