diff --git a/db.json b/db.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/db.json
@@ -0,0 +1 @@
+{}
diff --git a/src/components/home/Orders.tsx b/src/components/home/Orders.tsx
index 601a988..a5dc2d0 100644
--- a/src/components/home/Orders.tsx
+++ b/src/components/home/Orders.tsx
@@ -13,12 +13,12 @@ export const Orders: Component<{ orders: OrderData[] }> = ({ orders }) => {
 
   const scrollLeft = () => {
     if (sliderRef.current) {
-      sliderRef.current.scrollLeft -= 400;
+      sliderRef.current.scrollLeft -= 500;
     }
   };
   const scrollRight = () => {
     if (sliderRef.current) {
-      sliderRef.current.scrollLeft += 400;
+      sliderRef.current.scrollLeft += 500;
     }
   };
   return (
diff --git a/src/index.css b/src/index.css
index f78e362..5410ee7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -9,7 +9,9 @@
     overflow-x: auto; 
     padding: 10px 0; 
     scrollbar-width: none; 
+    transition: transform 0.3s ease;
     -ms-overflow-style: none; 
+    scroll-behavior: smooth;
 }
 
 .slider-container::-webkit-scrollbar {