fix overlapping text issues

Author: The-Best-Codes

components/events-list/events-list.scss

@@ -76,14 +76,14 @@
 
       display: flex;
       align-items: center;
-  
+
       @extend %subtitle-1;
-  
+
       @extend %background-filter-white;
       border-radius: 155px;
-  
+
       transition: background $simple-fade, color $simple-fade;
-  
+
       &:hover {
         background: $white;
         color: $purple;
@@ -114,8 +114,6 @@
   }
 
   &__text {
-    flex: 1;
-    
     @extend %body-1;
     color: $white-80;
 

components/play-link/play-link.scss

@@ -9,6 +9,8 @@
   justify-content: center;
   column-gap: spacing(1);
 
+  margin-top: auto;
+
   @extend %body-1;
 
   border-radius: 82px;