diff --git a/pkg/apps/application-list.jsx b/pkg/apps/application-list.jsx
index e1c280b3149..7afd38483f5 100644
--- a/pkg/apps/application-list.jsx
+++ b/pkg/apps/application-list.jsx
@@ -145,9 +145,13 @@ export const ApplicationList = ({ metainfo_db, appProgress, appProgressTitle, ac
                 <Flex alignItems={{ default: 'alignItemsCenter' }}>
                     <h2 className="pf-v5-u-font-size-3xl">{_("Applications")}</h2>
                     <FlexItem align={{ default: 'alignRight' }}>
-                        <Flex>
-                            {refresh_progress}
-                            {refresh_button}
+                        <Flex alignItems={{ default: 'alignItemsCenter' }} spacer={{ default: 'spacerXs' }}>
+                            <FlexItem>
+                                {refresh_progress}
+                            </FlexItem>
+                            <FlexItem>
+                                {refresh_button}
+                            </FlexItem>
                         </Flex>
                     </FlexItem>
                 </Flex>
diff --git a/pkg/apps/application.scss b/pkg/apps/application.scss
index 09d551fe1a9..4a58014df08 100644
--- a/pkg/apps/application.scss
+++ b/pkg/apps/application.scss
@@ -23,7 +23,7 @@
 }
 
 .progress-bar {
-  display: inline-block;
+  min-inline-size: 12rem;
   inline-size: 20%;
   overflow: hidden;
 }