diff --git a/src/app/[name]/(Dialogs)/order/checkout/[id]/components/TableSection.tsx b/src/app/[name]/(Dialogs)/order/checkout/[id]/components/TableSection.tsx
index cc8bdf3..93364d9 100644
--- a/src/app/[name]/(Dialogs)/order/checkout/[id]/components/TableSection.tsx
+++ b/src/app/[name]/(Dialogs)/order/checkout/[id]/components/TableSection.tsx
@@ -26,7 +26,7 @@ export const TableSection = ({ tableNumber, onIncrement, onDecrement }: TableSec
                         >
                             <button
                                 onClick={onIncrement}
-                                className="bg-container hover:bg-container/60 size-6 place-items-center active:bg-container/30 rounded-sm"
+                                className="bg-container hover:bg-container/60 size-6 flex justify-center items-center active:bg-container/30 rounded-sm"
                             >
                                 <PlusIcon size={16} />
                             </button>
@@ -41,7 +41,7 @@ export const TableSection = ({ tableNumber, onIncrement, onDecrement }: TableSec
                             </motion.div>
                             <button
                                 onClick={onDecrement}
-                                className="bg-container hover:bg-container/60 size-6 place-items-center active:bg-container/30 rounded-sm"
+                                className="bg-container hover:bg-container/60 size-6 flex justify-center items-center active:bg-container/30 rounded-sm"
                             >
                                 <MinusIcon size={16} />
                             </button>