diff --git a/frontend/src/App.js b/frontend/src/App.js
index 18e974e..db2aacf 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -59,8 +59,14 @@ function App() {
             <Route path="/admin/users" component={UsersListScreen} />
             <Route path="/admin/user/:id" component={UserEditScreen} />
             <Route path="/admin/productlist" component={ProductListScreen} />
-            <Route path="/admin/createproduct" component={CreateProductScreen} />
-            <Route path="/admin/product/:id/edit" component={ProductEditScreen} />
+            <Route
+              path="/admin/createproduct"
+              component={CreateProductScreen}
+            />
+            <Route
+              path="/admin/product/:id/edit"
+              component={ProductEditScreen}
+            />
             <Route path="/admin/orderlist" component={OrderListScreen} />
             <Route path="/admin/carousellist" component={CarouselListScreen} />
             <Route
diff --git a/frontend/src/screens/CreateProductScreen.js b/frontend/src/screens/CreateProductScreen.js
index 04606c8..4c578dd 100644
--- a/frontend/src/screens/CreateProductScreen.js
+++ b/frontend/src/screens/CreateProductScreen.js
@@ -22,7 +22,6 @@ const CreateProductScreen = ({ history }) => {
   const [description, setDescription] = useState('')
   const [uploading, setUploading] = useState(false)
 
-
   const dispatch = useDispatch()
 
   const productCreate = useSelector((state) => state.productCreate)
@@ -186,24 +185,27 @@ const CreateProductScreen = ({ history }) => {
             ></Form.Control>
           </Form.Group>
 
-        <Form.Group controlId="Category">
-          <Form.Label>Category</Form.Label>
-          <Form.Control 
-            className='form-select'
-            as="select"
-            value={category}
-            onChange={e => {
-              setCategory(e.target.value);
-            }}
-          >
-            <option value="">--Select One--</option>
-            {
-              categories && categories.map((category)=>{
-                return <option key={category._id} value={category.name}>{Capitalizer(category.name)}</option>
-              })
-            }
-          </Form.Control>
-        </Form.Group>
+          <Form.Group controlId="Category">
+            <Form.Label>Category</Form.Label>
+            <Form.Control
+              className="form-select"
+              as="select"
+              value={category}
+              onChange={(e) => {
+                setCategory(e.target.value)
+              }}
+            >
+              <option value="">--Select One--</option>
+              {categories &&
+                categories.map((category) => {
+                  return (
+                    <option key={category._id} value={category.name}>
+                      {Capitalizer(category.name)}
+                    </option>
+                  )
+                })}
+            </Form.Control>
+          </Form.Group>
 
           <Form.Group controlId="description">
             <Form.Label>Description</Form.Label>
diff --git a/frontend/src/screens/Error404Screen.js b/frontend/src/screens/Error404Screen.js
index dfb15e5..036bc49 100644
--- a/frontend/src/screens/Error404Screen.js
+++ b/frontend/src/screens/Error404Screen.js
@@ -1,28 +1,28 @@
 import React from 'react'
-import {Row,Col,Button} from 'react-bootstrap'
+import { Row, Col, Button } from 'react-bootstrap'
 import { LinkContainer } from 'react-router-bootstrap'
 
 function Error404Screen() {
   return (
     <>
-    <br />
-      <center className='mt-5 '>
-        <Row className='g-0 d-flex align-items-center'>
+      <br />
+      <center className="mt-5 ">
+        <Row className="g-0 d-flex align-items-center">
           <Col xs={5} md={6}>
-            <div className="text-dark display-1 float-end">404</div> 
+            <div className="text-dark display-1 float-end">404</div>
           </Col>
           <Col xs={7} md={6}>
-              <p className="text-dark float-start pt-2 pt-md-3"><b>Page not found</b></p>
+            <p className="text-dark float-start pt-2 pt-md-3">
+              <b>Page not found</b>
+            </p>
           </Col>
         </Row>
         <LinkContainer to="/">
-          <Button className='mt-1 px-5'>
-            Take me home
-          </Button>
+          <Button className="mt-1 px-5">Take me home</Button>
         </LinkContainer>
       </center>
     </>
   )
 }
 
-export default Error404Screen
\ No newline at end of file
+export default Error404Screen
diff --git a/frontend/src/screens/ProductEditScreen.js b/frontend/src/screens/ProductEditScreen.js
index bc31a97..7b522f6 100644
--- a/frontend/src/screens/ProductEditScreen.js
+++ b/frontend/src/screens/ProductEditScreen.js
@@ -205,23 +205,26 @@ const ProductEditScreen = ({ match, history }) => {
               ></Form.Control>
             </Form.Group>
 
-          <Form.Group controlId="Category">
-            <Form.Label>Category</Form.Label>
-            <Form.Control 
-              className='form-select'
-              as="select"
-              value={category}
-              onChange={e => {
-                setCategory(e.target.value);
-              }}
-            >
-              {
-                categories && categories.map((category)=>{
-                  return <option key={category._id} value={category.name}>{Capitalizer(category.name)}</option>
-                })
-              }
-            </Form.Control>
-          </Form.Group>
+            <Form.Group controlId="Category">
+              <Form.Label>Category</Form.Label>
+              <Form.Control
+                className="form-select"
+                as="select"
+                value={category}
+                onChange={(e) => {
+                  setCategory(e.target.value)
+                }}
+              >
+                {categories &&
+                  categories.map((category) => {
+                    return (
+                      <option key={category._id} value={category.name}>
+                        {Capitalizer(category.name)}
+                      </option>
+                    )
+                  })}
+              </Form.Control>
+            </Form.Group>
 
             <Form.Group controlId="description">
               <Form.Label>Description</Form.Label>