Fixed #6663, Fixed #6664

packages/primevue/src/fileupload/style/FileUploadStyle.js

@@ -27,24 +27,22 @@ const theme = ({ dt }) => `
 
 .p-fileupload-content {
     border: 1px solid transparent;
-    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: ${dt('fileupload.content.gap')};
     transition: border-color ${dt('fileupload.transition.duration')};
     padding: ${dt('fileupload.content.padding')};
 }
 
 .p-fileupload-content .p-progressbar {
     width: 100%;
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-start: 0;
     height: ${dt('fileupload.progressbar.height')};
 }
 
 .p-fileupload-file-list {
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
-    margin-block-start: 1.125rem;
+    gap: ${dt('fileupload.filelist.gap')};
 }
 
 .p-fileupload-file {
@@ -78,10 +76,6 @@ const theme = ({ dt }) => `
     border: 1px dashed ${dt('fileupload.content.highlight.border.color')};
 }
 
-.p-fileupload-advanced .p-message {
-    margin-block-start: 0;
-}
-
 .p-fileupload-basic {
     display: flex;
     flex-wrap: wrap;

packages/themes/src/presets/aura/fileupload/index.js

@@ -16,7 +16,8 @@ export default {
     },
     content: {
         highlightBorderColor: '{primary.color}',
-        padding: '0 1.125rem 1.125rem 1.125rem'
+        padding: '0 1.125rem 1.125rem 1.125rem',
+        gap: '1rem'
     },
     file: {
         padding: '1rem',
@@ -26,6 +27,9 @@ export default {
             gap: '0.5rem'
         }
     },
+    fileList: {
+        gap: '0.5rem'
+    },
     progressbar: {
         height: '0.25rem'
     },

packages/themes/src/presets/lara/fileupload/index.js

@@ -15,7 +15,8 @@ export default {
     },
     content: {
         highlightBorderColor: '{primary.color}',
-        padding: '1.125rem'
+        padding: '1.125rem',
+        gap: '1rem'
     },
     file: {
         padding: '1rem',
@@ -25,6 +26,9 @@ export default {
             gap: '0.5rem'
         }
     },
+    fileList: {
+        gap: '0.5rem'
+    },
     progressbar: {
         height: '0.25rem'
     },

packages/themes/src/presets/material/fileupload/index.js

@@ -16,7 +16,8 @@ export default {
     },
     content: {
         highlightBorderColor: '{primary.color}',
-        padding: '0 1.25rem 1.25rem 1.25rem'
+        padding: '0 1.25rem 1.25rem 1.25rem',
+        gap: '1rem'
     },
     file: {
         padding: '1rem',
@@ -26,6 +27,9 @@ export default {
             gap: '0.5rem'
         }
     },
+    fileList: {
+        gap: '0.5rem'
+    },
     progressbar: {
         height: '0.25rem'
     },

packages/themes/src/presets/nora/fileupload/index.js

@@ -16,7 +16,8 @@ export default {
     },
     content: {
         highlightBorderColor: '{primary.color}',
-        padding: '0 1.125rem 1.125rem 1.125rem'
+        padding: '0 1.125rem 1.125rem 1.125rem',
+        gap: '1rem'
     },
     file: {
         padding: '1rem',
@@ -26,6 +27,9 @@ export default {
             gap: '0.5rem'
         }
     },
+    fileList: {
+        gap: '0.5rem'
+    },
     progressbar: {
         height: '0.25rem'
     },