Try styling gradio elements with elem_classes param

app.py

@@ -80,7 +80,7 @@ css = """
     font-size: 1.2rem;
     line-height: 1.2;
 }
-body {
+body, .mygrclass {
     background-color: white;
     color: #343260;
     font-family: Jost, sans-serif;
@@ -172,15 +172,15 @@ with gr.Blocks(css=css) as interface:
 
     with gr.Row():
         with gr.Column(scale=3):
-            image_input = gr.Image(type="numpy", label="Upload Image")
+            image_input = gr.Image(type="numpy", label="Upload Image", elem_classes="mygrclass")
         with gr.Column(scale=1):
-            project = gr.Dropdown(choices=proj_names, label="Project (vocabulary and language)", type="index")
-            lang = gr.Dropdown(choices=langs, label="Select Language", type="value", value="eng")
-            submit_btn = gr.Button("Get suggestions", elem_id="get-suggestions")
+            project = gr.Dropdown(choices=proj_names, label="Project (vocabulary and language)", type="index", elem_classes="mygrclass")
+            lang = gr.Dropdown(choices=langs, label="Select Language", type="value", value="eng", elem_classes="mygrclass")
+            submit_btn = gr.Button("Get suggestions", elem_id="get-suggestions", elem_classes="mygrclass")
 
     with gr.Row():
         with gr.Column(scale=3):
-            text_output = gr.Textbox(label="Extracted Text")
+            text_output = gr.Textbox(label="Extracted Text", elem_classes="mygrclass")
         with gr.Column(scale=1):
             html_output = gr.HTML()