From 6cf338ebd902ae57cf156e8218453b82095a3908 Mon Sep 17 00:00:00 2001
From: Tal-Ben-Avi <talb@webiya.co.il>
Date: Mon, 18 Mar 2024 11:23:57 +0200
Subject: [PATCH] editing size to use just base and lg

---
 .../LatestAnnouncements/LatestAnnouncments.tsx   | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/workspaces/website/src/components/LatestAnnouncements/LatestAnnouncments.tsx b/workspaces/website/src/components/LatestAnnouncements/LatestAnnouncments.tsx
index 8b49738ff1..df871a40d7 100644
--- a/workspaces/website/src/components/LatestAnnouncements/LatestAnnouncments.tsx
+++ b/workspaces/website/src/components/LatestAnnouncements/LatestAnnouncments.tsx
@@ -21,25 +21,21 @@ const array = [
 const LatestAnnouncements = () => {
   return (
     <Box
-      position={{ xs: "relative", md: "relative", lg: "absolute" }}
-      top={{ xs: "unset", md: "unset", lg: "224px" }}
-      right={{ xs: "unset", md: "unset", lg: "32px" }}
-      width={{ xs: "100%", md: "100%", lg: "225px" }}
+      position={{ base: "relative", lg: "absolute" }}
+      top={{ base: "unset", lg: "224px" }}
+      right={{ base: "unset", lg: "32px" }}
+      width={{ base: "100%", lg: "225px" }}
       mt={{ base: 6, lg: "unset" }}
       p={3}
       gap={6}
       backgroundColor="surface"
       borderRadius={8}
-      zIndex={{ sm: "unset", md: "unset", lg: 100 }}
+      zIndex={{ base: "unset", lg: 100 }}
     >
       <Heading as="h5" fontSize="18px" fontWeight={600} textAlign="left">
         Latest announcements
       </Heading>
-      <Box
-        display="flex"
-        flexDir={{ xs: "row", sm: "row", md: "row", lg: "column" }}
-        gap={4}
-      >
+      <Box display="flex" flexDir={{ base: "row", lg: "column" }} gap={4}>
         {array &&
           array.map((announcement) => (
             <LatestAnnouncementCard announcement={announcement} />