diff --git a/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js b/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
index 6c905435..b88a4030 100644
--- a/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
+++ b/themes/customer-service/customer-service-theme/src/components/jobFrom/index.js
@@ -66,7 +66,7 @@ const JobForm = () => {
     { key: "Plumbing", value: "Plumbing" },
   ]
   return (
-    <Grid container direction="column" classes={{ root: classes.container }}>
+    <Grid container direction="row" classes={{ root: classes.container }}>
       <Grid item>
         <Typography variant="h5" classes={{ root: classes.headerStyle }}>
           Create Job Posting
@@ -109,8 +109,8 @@ const JobForm = () => {
             onChangeHandler={handleCategoryChange}
             dataList={categoryList}
           />
-          <Grid container direction="row" alignItems="flex-end">
-            <Grid item classes={{ root: classes.space }}>
+          <Grid container direction="column" alignItems="flex">
+            <Grid item classes={{ root: classes.wrapper }}>
               <StyledTextField
                 title="Price Range"
                 placeholder="Min value"
diff --git a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
index 1d99cf58..bf4335bb 100644
--- a/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
+++ b/themes/customer-service/customer-service-theme/src/components/jobFrom/styles.js
@@ -4,9 +4,16 @@ import { makeStyles } from "@material-ui/core/styles"
 const Styles = makeStyles(theme => ({
   container: {
     width: "80%",
+    height: "calc(120vh - 40px)",
+    position: "relative",
+    top: "55px",
+    right: "50px",
     background: "linear-gradient(#8165EA 70%,#FFFFFF)",
     boxShadow: theme.shadows[5],
     borderRadius: 10,
+    justifyContent: "center",
+    margin: "auto",
+    alignItems: "center",
     [theme.breakpoints.up("md")]: {
       margin: "30px 125px",
       padding: "20px 100px",
@@ -18,24 +25,33 @@ const Styles = makeStyles(theme => ({
     },
   },
   headerStyle: {
-    marginBottom: "40px",
+    marginTop: "1px",
+    textAlign: "center",
+    alignItems: "center",
+    paddingTop: "2px",
+    paddingBottom: "10px",
+    
   },
   wrapper: {
-    paddingLeft: "50px",
+    paddingTop: "5px",
   },
   space: {
-    marginRight: "100px",
+    paddingLeft: "72px"
   },
   btnStyle: {
     borderRadius: 10,
+    marginLeft: "25%",
+    position: "relative",
+    top:"2px",
     backgroundColor: theme.palette.primary.light,
     textTransform: "none",
     "&:hover": { backgroundColor: theme.palette.primary.light },
   },
   bottomWrapper: {
-    marginTop: "50px",
-    marginBottom: "100px",
+  
+    
   },
+  
 }))
 
 export default Styles