fix grid col overflow in right sidebar in safari (#16771)

app/assets/stylesheets/components/cards.scss

@@ -5,6 +5,8 @@
   background: var(--card-bg);
   color: var(--card-color);
   box-shadow: 0 0 0 1px var(--card-border);
+  // overflow-wrap: anywhere isn't supported in Safari, in which case this fallback applies
+  overflow-wrap: break-word;
   overflow-wrap: anywhere;
 
   &--secondary {

app/views/sidebars/_homepage_content.html.erb

@@ -11,7 +11,7 @@
     <%= render "articles/sidebar_listings" if Listing.feature_enabled? %>
 
     <% Settings::General.sidebar_tags.each do |tag| %>
-      <section class="crayons-card crayons-card--secondary">
+      <section class="crayons-card crayons-card--secondary crayons-layout__content">
         <header class="crayons-card__header">
           <h3 class="crayons-subtitle-2"><a href="/t/<%= tag %>" class="crayons-link">#<%= tag %></a></h3>
         </header>