diff --git a/src/components/Chat/ChatDirect.tsx b/src/components/Chat/ChatDirect.tsx
index 42ada12..b2b6a90 100644
--- a/src/components/Chat/ChatDirect.tsx
+++ b/src/components/Chat/ChatDirect.tsx
@@ -603,7 +603,7 @@ useEffect(() => {
                 marginTop: 'auto',
                 alignSelf: 'center',
                 cursor: isSending ? 'default' : 'pointer',
-                background: isSending && 'rgba(0, 0, 0, 0.8)',
+                background: isSending ? 'rgba(0, 0, 0, 0.8)' : 'var(--green)',
                 flexShrink: 0,
                 padding: isMobile && '5px'
               }}
diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx
index 4773bbd..8746257 100644
--- a/src/components/Chat/ChatGroup.tsx
+++ b/src/components/Chat/ChatGroup.tsx
@@ -819,7 +819,7 @@ const clearEditorContent = () => {
                     marginTop: 'auto',
                     alignSelf: 'center',
                     cursor: isSending ? 'default' : 'pointer',
-                    background: isSending && 'rgba(0, 0, 0, 0.8)',
+                    background: isSending ? 'rgba(0, 0, 0, 0.8)' : 'var(--green)',
                     flexShrink: 0,
                     padding: isMobile && '5px',
                     
diff --git a/src/index.css b/src/index.css
index 0e4f753..5eacab8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -35,7 +35,8 @@
   --bg-2: #27282c;
   --bg-3: rgba(0, 0, 0, 0.1);
   --unread: #B14646;
-  --apps-circle: #1F2023
+  --apps-circle: #1F2023;
+  --green: #5EB049;
 }
 
 body {
@@ -58,6 +59,8 @@ body {
 
 .image-container .hover-image {
   opacity: 0;
+  height: 100px !important;
+  width: auto !important;
 
 }