diff --git a/app/src/components/ui/componets/DisplayZone.tsx b/app/src/components/ui/componets/DisplayZone.tsx
index 9f1028f..aacf087 100644
--- a/app/src/components/ui/componets/DisplayZone.tsx
+++ b/app/src/components/ui/componets/DisplayZone.tsx
@@ -140,7 +140,11 @@ const DisplayZone: React.FC<DisplayZoneProps> = ({
   };
 
   return (
-    <div className="zone-wrapper">
+    <div
+      className={`zone-wrapper ${
+        selectedZone?.activeSides?.includes("bottom") && "bottom"
+      }`}
+    >
       {/* Left Arrow */}
       {showLeftArrow && (
         <button className="arrow left-arrow" onClick={handleScrollLeft}>