diff --git a/src/pages/catalog/components/order/Order.module.css b/src/pages/catalog/components/order/Order.module.css
index a4ed178..8e719d4 100644
--- a/src/pages/catalog/components/order/Order.module.css
+++ b/src/pages/catalog/components/order/Order.module.css
@@ -1,4 +1,11 @@
 
+.order_number_container {
+    background: #f5f5f5;
+    border-radius: 16px;
+    font-weight: 500;
+    color: black;
+    text-align: center;
+}
 .header_container {
     background: #f5f5f5;
     margin: 1.5rem auto;
diff --git a/src/pages/catalog/components/order/Order.tsx b/src/pages/catalog/components/order/Order.tsx
index 83a2b94..b5384a4 100644
--- a/src/pages/catalog/components/order/Order.tsx
+++ b/src/pages/catalog/components/order/Order.tsx
@@ -12,7 +12,9 @@ const Order = ({productLines = []} : OrderProps) => {
   const [comment, setComment] = useState("")
   return (
     <div className={styles.container}>
-      <h1>Compra #5428</h1>
+      <div className={styles.order_number_container}>
+        <h1>Compra #5428</h1>
+      </div>
       <div className={styles.header_container}>
         <div className={styles.subheader_container}>
           <div className={styles.info_row}>