diff --git a/src/views/Community/components/EventCard/EventFollowButton.js b/src/views/Community/components/EventCard/EventFollowButton.js
index 58447836..8dc57383 100644
--- a/src/views/Community/components/EventCard/EventFollowButton.js
+++ b/src/views/Community/components/EventCard/EventFollowButton.js
@@ -32,10 +32,10 @@ const EventFollowButton = ({
                 size={size}
                 colorScheme="yellow"
                 variant="ghost"
-                bg="whiteAlpha.500"
+                bg="rgba(113, 128, 150, 0.6)"
                 boxShadow="sm"
                 _hover={{
-                    bg: 'whiteAlpha.800',
+                    bg: 'rgba(113, 128, 150, 0.8)',
                     boxShadow: 'md'
                 }}
                 icon={
@@ -47,8 +47,7 @@ const EventFollowButton = ({
                     ) : (
                         <AiOutlineStar
                             size={iconSize}
-                            color="#718096"
-                            strokeWidth="1"
+                            color="gold"
                         />
                     )
                 }