diff --git a/src/ui/Layout.js b/src/ui/Layout.js
index b238ec9cc..a03adbf08 100644
--- a/src/ui/Layout.js
+++ b/src/ui/Layout.js
@@ -108,7 +108,7 @@ const Layout= (props) => {
           {/* {renderSpinner()}
           {renderError()} */}
           { Backbutton  && 
-           < BackButton startIcon={<  ArrowBackIcon />} sx={{ color:"white" ,   mb:2  }} backPressNavigationPath={backPressNavigationPath ? backPressNavigationPath : ""} label={translate("label.backToPreviousPage")}/>
+           < BackButton startIcon={<  ArrowBackIcon />} sx={{ color:"white" ,   mb:2 ,mt:2 }} backPressNavigationPath={backPressNavigationPath ? backPressNavigationPath : ""} label={translate("label.backToPreviousPage")}/>
            }
           <Suspense fallback={<div>Loading....</div>}>
             {component}
diff --git a/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx
index 629e76894..c785ebbc7 100644
--- a/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx
+++ b/src/ui/pages/container/CL-Transcription/AllAudioTranscriptionLandingPage.jsx
@@ -388,7 +388,7 @@ const AllAudioTranscriptionLandingPage = () => {
             startIcon={<ArrowBackIcon />}
             variant="contained"
             color="primary"
-            sx={{ ml: 1 }}
+            sx={{ ml: 1 ,mt:2}}
             onClick={() => {
               localStorage.removeItem("labelAll");
               navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx
index 21c2dbd28..924524dec 100644
--- a/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx
+++ b/src/ui/pages/container/CL-Transcription/AudioTranscriptionLandingPage.jsx
@@ -845,7 +845,7 @@ useEffect(() => {
             startIcon={<ArrowBackIcon />}
             variant="contained"
             color="primary"
-            sx={{ ml: 1 }}
+            sx={{ ml: 1 ,mt:2}}
             onClick={() => {
               localStorage.removeItem("labelAll");
               navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx
index 5b80ad980..158ef281d 100644
--- a/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx
+++ b/src/ui/pages/container/CL-Transcription/ReviewAudioTranscriptionLandingPage.jsx
@@ -1040,7 +1040,7 @@ useEffect(() => {
             startIcon={<ArrowBackIcon />}
             variant="contained"
             color="primary"
-            sx={{ ml: 1 }}
+            sx={{ ml: 1 ,mt:2}}
             onClick={() => {
               localStorage.removeItem("labelAll");
               navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx b/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx
index 22f3eb3bc..898cb89a3 100644
--- a/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx
+++ b/src/ui/pages/container/CL-Transcription/SuperCheckerAudioTranscriptionLandingPage.jsx
@@ -888,7 +888,7 @@ useEffect(() => {
             startIcon={<ArrowBackIcon />}
             variant="contained"
             color="primary"
-            sx={{ ml: 1 }}
+            sx={{ ml: 1 ,mt:2}}
             onClick={() => {
               localStorage.removeItem("labelAll");
               navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx b/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
index 88af94b8a..6c069c3c5 100644
--- a/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/AllTaskLSF.jsx
@@ -508,6 +508,7 @@ export default function LSF() {
         startIcon={<  ArrowBackIcon />}
         variant="contained" 
         color="primary"
+        sx={{mt:2}} 
         onClick={() => {
           localStorage.removeItem("labelAll");
           navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/Label-Studio/LSF.jsx b/src/ui/pages/container/Label-Studio/LSF.jsx
index cab438ef3..54764dd4d 100644
--- a/src/ui/pages/container/Label-Studio/LSF.jsx
+++ b/src/ui/pages/container/Label-Studio/LSF.jsx
@@ -1075,6 +1075,7 @@ export default function LSF() {
           startIcon={<ArrowBackIcon />}
           variant="contained"
           color="primary"
+          sx={{mt:2}} 
           onClick={() => {
             localStorage.removeItem("labelAll");
             navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/Label-Studio/ReviewLSF.jsx b/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
index 6955fcc47..43b2f8da9 100644
--- a/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/ReviewLSF.jsx
@@ -1366,6 +1366,7 @@ console.log(reviewtext,annotationtext);
           startIcon={<ArrowBackIcon />}
           variant="contained"
           color="primary"
+          sx={{mt:2}} 
           onClick={() => {
             localStorage.removeItem("labelAll");
             navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx b/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
index d5ccd48eb..868909fbc 100644
--- a/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
+++ b/src/ui/pages/container/Label-Studio/SuperCheckerLSF.jsx
@@ -1102,6 +1102,7 @@ export default function LSF() {
           startIcon={<ArrowBackIcon />}
           variant="contained"
           color="primary"
+          sx={{mt:2}} 
           onClick={() => {
             localStorage.removeItem("labelAll");
             navigate(`/projects/${projectId}`);
diff --git a/src/ui/pages/container/Project/AnnotateTask.jsx b/src/ui/pages/container/Project/AnnotateTask.jsx
index d09bc6212..383992fd9 100644
--- a/src/ui/pages/container/Project/AnnotateTask.jsx
+++ b/src/ui/pages/container/Project/AnnotateTask.jsx
@@ -115,7 +115,7 @@ const AnnotateTask = () => {
         variant="contained" 
         color="primary" 
         startIcon={<  ArrowBackIcon />} 
-        sx={{ color:"white" ,   mb:2  }} 
+        sx={{ color:"white" ,   mb:2  ,mt:2}} 
         onClick={() => navigate(`/projects/${urlParams?.projectId}`)}
       >
         {translate("label.backToProject")}