diff --git a/src/app/orderConfirmationPickUp/page.tsx b/src/app/orderConfirmationPickUp/page.tsx
index 871a0e1e..7cde8b21 100644
--- a/src/app/orderConfirmationPickUp/page.tsx
+++ b/src/app/orderConfirmationPickUp/page.tsx
@@ -9,41 +9,44 @@ import {
   getOrderById,
 } from '@/api/supabase/queries/order_queries';
 import {
+  Body2Bold,
+  Body2,
+  Heading3Bold,
   Body1,
   Body1Bold,
-  Body2Light,
-  Heading3Bold,
   Heading4Bold,
+  Body2Light,
 } from '@/styles/fonts';
+import { fetchCartItemsWithQuantity } from '../../api/supabase/queries/cart_queries';
 import { useSearchParams } from 'next/navigation';
-import { fetchCartItemsWithQuantityByID } from '../../api/supabase/queries/cart_queries';
-
 import BackButton from '../../components/BackButton/BackButton';
 
 import NavBar from '../../components/NavBarFolder/NavBar';
 
 import {
-  TextDiv,
-  TextDiv1,
-  BackButtonDiv,
   FavoriteDiv,
+  ColDiv,
   OutterFavoriteDiv,
+  TextDiv1,
+  OutterBox,
+  Label,
   LabelBox,
-  LabelBox1,
   ScrollDiv,
   ShippingDetailsDiv,
   ImageDiv,
   BottomColumnDiv,
-  Wrapper,
+  LabelBox1,
   LeftColumnDiv,
   RightColumnDiv,
   DetailsHeader,
   PageDiv,
   CenterDiv,
+  BackButtonDiv,
+  TextDiv,
 } from './styles';
 
 import { Product, User, Pickup } from '../../schema/schema';
-
+import { fetchCartItemsWithQuantityByID } from '../../api/supabase/queries/cart_queries';
 export default function OrderConfirmationPickUp() {
   const [Cart, setCart] = useState<Product[]>([]);
   const [user, setUser] = useState<User>();
@@ -95,10 +98,9 @@ export default function OrderConfirmationPickUp() {
               <TextDiv>
                 <Heading3Bold>Your order has been submitted</Heading3Bold>
               </TextDiv>
-
               <OutterFavoriteDiv>
                 <TextDiv1>
-                  <Heading4Bold>Order No. {orderIDFromSearch}</Heading4Bold>
+                  <Heading4Bold>Order No. {user?.cart_id}</Heading4Bold>
                 </TextDiv1>
                 <ScrollDiv>
                   {Cart.map(cartItem => (
diff --git a/src/app/orderConfirmationPickUp/styles.ts b/src/app/orderConfirmationPickUp/styles.ts
index d142d103..32b850c6 100644
--- a/src/app/orderConfirmationPickUp/styles.ts
+++ b/src/app/orderConfirmationPickUp/styles.ts
@@ -26,9 +26,8 @@ export const OutterFavoriteDiv = styled.div`
   max-height: 100%;
   margin-top: 20px;
   margin-right: 60px;
-  margin-left: 60px;
-  padding-right: 20px;
-  padding-left: 10px;
+  margin-left: 40px;
+  padding-right: 15px;
   padding-top: 10px;
 `;
 
@@ -232,7 +231,6 @@ export const RightColumnDiv = styled.div`
   display: flex;
   flex-flow: column;
   align-items: start;
-  margin-left: 10px;
   width: 100%;
 `;
 
@@ -241,7 +239,7 @@ export const BackButtonDiv = styled.div`
   flex-direction: row;
   text-align: left;
   width: 800px;
-  margin-left: 80px;
+  margin-left: 60px;
   margin-bottom: 40px;
 `;
 
@@ -261,6 +259,7 @@ export const BottomColumnDiv = styled.div`
   justify-content: space-around;
   width: 100%;
   margin-left: 20px;
+  margin-right: 20px;
   margin-bottom: 30px;
   gap: 30px;
 `;
@@ -268,7 +267,7 @@ export const BottomColumnDiv = styled.div`
 export const TextDiv = styled.div`
   display: flex;
   flex-direction: row;
-  margin-left: 60px;
+  margin-left: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
 `;
@@ -287,6 +286,7 @@ export const PageDiv = styled.div`
   justify-content: flex-start;
   align-items: flex-start;
   width: 100%;
+  margin-bottom: 40px;
 `;
 
 export const ShippingDetailsDiv = styled.div`
@@ -296,7 +296,7 @@ export const ShippingDetailsDiv = styled.div`
   border-radius: 10px;
   background: var(--White, #fff);
   box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
-  width: 467px;
+  width: 475px;
   height: auto;
   max-height: 100%;
   padding: 36px 34px;
@@ -322,4 +322,4 @@ export const CenterDiv = styled.div`
   justify-content: center;
   width: 100%;
   padding: 20px;
-`;
+`;
\ No newline at end of file
diff --git a/src/app/profileScreen/page.tsx b/src/app/profileScreen/page.tsx
index 2e101da1..0b98511a 100644
--- a/src/app/profileScreen/page.tsx
+++ b/src/app/profileScreen/page.tsx
@@ -31,7 +31,7 @@ import {
   fetchOrderProductById,
   fetchProductWithQuantityById,
 } from '@/api/supabase/queries/order_queries';
-import { Check, CheckCircle, X } from 'react-feather';
+import { Check, CheckCircle, X, Send } from 'react-feather';
 import BackButton from '../../components/BackButton/BackButton';
 import {
   LogOutButton,
@@ -170,7 +170,7 @@ function OrderHistorySection(props: { Orders: Order[] }) {
   if (firstOrderProducts.length > 0) {
     let backgroundColor = 'transparent';
     if (Orders[0].order_status === 'Submitted') {
-      backgroundColor = '#CEE8BE';
+      backgroundColor = 'var(--Greyish, #E6E6E6)';
     } else if (Orders[0].order_status === 'Rejected') {
       backgroundColor = '#FFDDDD';
     } else if (Orders[0].order_status === 'Confirmed') {
@@ -178,7 +178,7 @@ function OrderHistorySection(props: { Orders: Order[] }) {
     }
     let icon;
     if (Orders[0].order_status === 'Submitted') {
-      icon = <CheckCircle />;
+      icon = <Send />;
     } else if (Orders[0].order_status === 'Rejected') {
       icon = <X />;
     } else if (Orders[0].order_status === 'Confirmed') {
@@ -329,12 +329,7 @@ function AccountDetailSectionPickUp(props: { user: User }) {
     <main>
       <AccountDetails>
         <Heading2>Account Details</Heading2>
-        <HeadingSpacing>
-          <Body1Bold>Email</Body1Bold>
-        </HeadingSpacing>
-        <TextSpacing>
-          <Body2>{user?.email}</Body2>
-        </TextSpacing>
+
         <HeadingSpacing>
           <Body1Bold>Name</Body1Bold>
         </HeadingSpacing>
@@ -343,6 +338,13 @@ function AccountDetailSectionPickUp(props: { user: User }) {
             {user?.first_name} {user?.last_name}
           </Body2>
         </TextSpacing>
+        <HeadingSpacing>
+          <Body1Bold>Email</Body1Bold>
+        </HeadingSpacing>
+        <TextSpacing>
+          <Body2>{user?.email}</Body2>
+        </TextSpacing>
+
         <HeadingSpacing>
           <Body1Bold>Phone Number</Body1Bold>
         </HeadingSpacing>