diff --git a/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx b/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx
index e4709b2e35e83274ecf879934eed4fd857934f2d..f58a75f9ccf40567877666b2365bc4afbb7515be 100644
--- a/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx
+++ b/src/files-ui/components/dropzone/components/DropzoneFooter/DropzoneFooter.tsx
@@ -45,7 +45,7 @@ const DropzoneFooter: React.FC<DropzoneFooterProps> = (
   }
   const finalClassName = resetStyles
     ? className
-    : addClassName("files-ui-footer files-ui-footer-border-bg-color", className);
+    : addClassName("files-ui-footer files-ui-footer-border-rd-top-bg-color", className);
   
     const finalStyle = resetStyles
     ? style
diff --git a/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx b/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx
index d93cb00f694220a64e48152abcc1bbde8c7c8b0f..b4c40840677bfffa2beb58254920a2dfc5259762 100644
--- a/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx
+++ b/src/files-ui/components/dropzone/components/DropzoneHeader/DropzoneHeader.tsx
@@ -114,7 +114,7 @@ const DropzoneHeader: React.FC<DropzoneHeaderProps> = (
 
   const finalClassName = resetStyles
     ? className
-    : addClassName("files-ui-header files-ui-header-border", className);
+    : addClassName("files-ui-header files-ui-header-border-rd", className);
   const finalStyle = resetStyles
     ? style
     : {
diff --git a/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss b/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss
index 84ad391cce571f4c81e18682c4b1a061c37760c3..9482faab490d5efa4f044fec398ef43dcb694671 100644
--- a/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss
+++ b/src/files-ui/components/dropzone/components/dropzone/Dropzone.scss
@@ -88,7 +88,7 @@
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-  border-top: 1px dotted grey;
+  //border-top: 1px dotted grey;
   //background-color: rgba(128, 128, 128, 0.129);
   font-family: "Poppins", sans-serif;
   font-family: inherit;
diff --git a/src/files-ui/components/dropzone/useDropzoneClassName.ts b/src/files-ui/components/dropzone/useDropzoneClassName.ts
index 67565ef6f48360f3dbca72a7f20c9982de469cdf..41375481b6d19ff33636d6f3897d50a05d6f1070 100644
--- a/src/files-ui/components/dropzone/useDropzoneClassName.ts
+++ b/src/files-ui/components/dropzone/useDropzoneClassName.ts
@@ -103,20 +103,23 @@ const makeDynamicDropzoneStyleSheet = (
             minHeight: typeof minHeight === "number" ? `${minHeight}px` : minHeight,
         },
     };
-    const footerBorderStyle: DynamicSheetRule = {
-        className: `files-ui-footer-border-bg-color`,
-        rules: {
-            "border-bottom-left-radius": DEFAULT_BORDER_RADIUS,
-            "border-bottom-right-radius": DEFAULT_BORDER_RADIUS,
-            backgroundColor: completeAsureColor(color, 0.129)
-        },
-    };
+   
     const headerBorderStyle: DynamicSheetRule = {
-        className: `files-ui-header-border`,
+        className: `files-ui-header-border-rd`,
         rules: {
             "border-top-left-radius": DEFAULT_BORDER_RADIUS,
             "border-top-right-radius": DEFAULT_BORDER_RADIUS,
         },
+    };
+     const footerBorderStyle: DynamicSheetRule = {
+        className: `files-ui-footer-border-rd-top-bg-color`,
+        rules: {
+            "border-bottom-left-radius": DEFAULT_BORDER_RADIUS,
+            "border-bottom-right-radius": DEFAULT_BORDER_RADIUS,
+            backgroundColor: completeAsureColor(color, 0.129),
+            borderTop: `1px dotted ${completeAsureColor(color)}`
+
+        },
     };
     const sheetRules: DynamicSheetRule[] = [rootColorBorderStyle];