diff --git a/themes/customer-service/customer-service-theme/src/components/complain/index.js b/themes/customer-service/customer-service-theme/src/components/complain/index.js
index 6281d91a..39284b1f 100644
--- a/themes/customer-service/customer-service-theme/src/components/complain/index.js
+++ b/themes/customer-service/customer-service-theme/src/components/complain/index.js
@@ -23,8 +23,9 @@ const Complain = () => {
       <Grid
         item
         container
+        alignItems="center"
         direction="row"
-        justifyContent="space-between"
+        justifyContent="center"
         classes={{ root: classes.wrapper }}
       >
         <Grid item>
@@ -75,20 +76,25 @@ const Complain = () => {
                   })
                 }}
               />
+
+            <br />
+            <br />
+
             </Grid>
+
           </Grid>
         </Grid>
-      </Grid>
       <Grid item>
         <Grid
           container
           direction="column"
           classes={{ root: classes.bottomWrapper }}
-        >
+          >
           <Grid item>
             <Typography variant="h4">
               Username related to the complaint(optional)
             </Typography>
+            
           </Grid>
           <Grid item>
             <TextField
@@ -104,10 +110,11 @@ const Complain = () => {
                   ["name"]: e.target.value,
                 })
               }}
-            />
+              />
           </Grid>
         </Grid>
       </Grid>
+     </Grid>
       <Grid item>
         <Button classes={{ root: classes.btnStyle }} onClick={btnHandler}>
           <Typography variant="h3">Submit</Typography>
@@ -117,4 +124,4 @@ const Complain = () => {
   )
 }
 
-export default Complain
+export default Complain
\ No newline at end of file
diff --git a/themes/customer-service/customer-service-theme/src/components/complain/styles.js b/themes/customer-service/customer-service-theme/src/components/complain/styles.js
index 1b3adcbb..6c8e08be 100644
--- a/themes/customer-service/customer-service-theme/src/components/complain/styles.js
+++ b/themes/customer-service/customer-service-theme/src/components/complain/styles.js
@@ -26,6 +26,7 @@ const Styles = makeStyles(theme => ({
   },
   textField: {
     width: "350px",
+    marginBottom:"10px"
   },
   space: {
     paddingBottom: "5px",
@@ -42,7 +43,7 @@ const Styles = makeStyles(theme => ({
     borderRadius: 10,
     backgroundColor: theme.palette.primary.light,
     textTransform: "none",
-    "&:hover": { backgroundColor: theme.palette.primary.light },
+    "&:hover": { backgroundColor: "theme.pallete.primary.light" },
   },
   "@global": {
     ".MuiInput-underline:before, .MuiInput-underline:hover:not(.Mui-disabled):before": {
@@ -54,4 +55,4 @@ const Styles = makeStyles(theme => ({
   },
 }))
 
-export default Styles
+export default Styles
\ No newline at end of file