From 6d133328188adc8c4a2828bb294bc0ded76e10be Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 12:17:47 +0530
Subject: [PATCH] style: add shadow to reaction selector

---
 space/components/ui/reaction-selector.tsx | 2 +-
 web/components/core/reaction-selector.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/space/components/ui/reaction-selector.tsx b/space/components/ui/reaction-selector.tsx
index 302ff7387..a7b67afa6 100644
--- a/space/components/ui/reaction-selector.tsx
+++ b/space/components/ui/reaction-selector.tsx
@@ -52,7 +52,7 @@ export const ReactionSelector: React.FC<Props> = (props) => {
                 position === "top" ? "-top-12" : "-bottom-12"
               }`}
             >
-              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 rounded-md p-1">
+              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 shadow-custom-shadow-sm rounded-md p-1">
                 <div className="flex gap-x-1">
                   {reactionEmojis.map((emoji) => (
                     <button
diff --git a/web/components/core/reaction-selector.tsx b/web/components/core/reaction-selector.tsx
index 06b410785..43d77de9e 100644
--- a/web/components/core/reaction-selector.tsx
+++ b/web/components/core/reaction-selector.tsx
@@ -61,7 +61,7 @@ export const ReactionSelector: React.FC<Props> = (props) => {
                 position === "top" ? "-top-12" : "-bottom-12"
               }`}
             >
-              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 rounded-md p-1">
+              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 shadow-custom-shadow-sm rounded-md p-1">
                 <div className="flex gap-x-1">
                   {reactionEmojis.map((emoji) => (
                     <button