app/src/components/ui/componets/DisplayZone.tsx

@@ -140,7 +140,12 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
   };
 
   return (
-    <div className="zone-wrapper">
+    <div
+      ref={containerRef}
+      className={`zoon-wrapper ${
+        selectedZone?.activeSides?.includes("bottom") && "bottom"
+      }`}
+    >
       {/* Left Arrow */}
       {showLeftArrow && (
         <button className="arrow left-arrow" onClick={handleScrollLeft}>