diff --git a/javascript/black-orange.css b/javascript/black-orange.css
index 703425ece..51ff3298a 100644
--- a/javascript/black-orange.css
+++ b/javascript/black-orange.css
@@ -64,7 +64,7 @@ svg.feather.feather-image, .feather .feather-image { display: none }
 #tab_extensions table thead { background-color: var(--neutral-700); }
 
 /* automatic style classes */
-.progressDiv { border-radius: 0 !important; position: fixed; top: 318px; right: 26px; max-width: 262px; height: 48px; z-index: 99; }
+.progressDiv { border-radius: 0 !important; position: fixed; top: 44px; right: 26px; max-width: 262px; height: 48px; z-index: 99; box-shadow: var(--button-shadow); }
 .progressDiv .progress { border-radius: 0 !important; background: var(--highlight-color); line-height: 3rem; height: 48px; }
 .gallery-item { box-shadow: none !important; }
 .performance { color: #888; }
diff --git a/modules/ui_common.py b/modules/ui_common.py
index a191eb422..6dd0f323d 100644
--- a/modules/ui_common.py
+++ b/modules/ui_common.py
@@ -120,7 +120,7 @@ def create_output_panel(tabname, outdir):
 
     with gr.Column(variant='panel', elem_id=f"{tabname}_results"):
         with gr.Group(elem_id=f"{tabname}_gallery_container"):
-            result_gallery = gr.Gallery(value=['automatic.png'], label='Output', show_label=False, elem_id=f"{tabname}_gallery").style(grid=4)
+            result_gallery = gr.Gallery(value=['automatic.png'], label='Output', show_label=False, elem_id=f"{tabname}_gallery").style(preview=False, container=False, columns=[1,2,3,4,5,6]) # <576px, <768px, <992px, <1200px, <1400px, >1400px
 
         generation_info = None
         with gr.Column():