From d7e6e4d918ce0045189f9e3fe09574e64abb0769 Mon Sep 17 00:00:00 2001
From: Vishnu <vishnu@hexrfactory.com>
Date: Thu, 27 Mar 2025 17:25:07 +0530
Subject: [PATCH] before merge commit

---
 app/src/components/ui/componets/DisplayZone.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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}>