fixing labels, putting border again

app.py

@@ -131,7 +131,7 @@ def process_video(input_video, out_fps = 'auto', skip_frames = 7):
              
             if  top_pred['shark_sighted']: 
                 frame = draw_cockpit(frame, top_pred,cnt*skip_frames)
-            video.write(frame)
+            video.write(cv2.cvtColor(frame, cv2.COLOR_RGB2BGR))
             pred_dashbord = prediction_dashboard(top_pred = top_pred)
             #print('sending frame')
             print('finalizing frame:',cnt)
@@ -147,14 +147,15 @@ def process_video(input_video, out_fps = 'auto', skip_frames = 7):
     yield None, None, output_path, None
 
 with gr.Blocks(theme=theme) as demo:
-    with gr.Row().style(equal_height=True,height='50%'):
+    with gr.Row().style(equal_height=True,height='25%'):
         input_video = gr.Video(label="Input")
         processed_frames = gr.Image(label="Shark Engine")
         output_video = gr.Video(label="Output Video")
         dashboard = gr.Image(label="Dashboard")
     
     with gr.Row():
-        original_frames = gr.Image(label="Original Frame").style( height=768)
+        
+        original_frames = gr.Image(label="Original Frame").style( height=650)
         
     with gr.Row():
         paths = sorted(pathlib.Path('videos_example/').rglob('*.mp4'))