diff --git a/app/javascript/components/EraShows.jsx b/app/javascript/components/EraShows.jsx
index 2ff5ab31..7e300f50 100644
--- a/app/javascript/components/EraShows.jsx
+++ b/app/javascript/components/EraShows.jsx
@@ -150,8 +150,10 @@ const EraShows = () => {
       </Helmet>
       <LayoutWrapper sidebarContent={sidebarContent}>
         <div className="display-phone-only">
-          {renderViewToggleButtons()}
-          {renderSortButtons()}
+          <div className="buttons mt-2 mb-2">
+            {renderViewToggleButtons()}
+            {renderSortButtons()}
+          </div>
         </div>
         <Shows shows={sortedShows} tourHeaders={true} viewMode={viewMode} />
         {yearLinks()}
diff --git a/app/javascript/stylesheets/application.css.scss b/app/javascript/stylesheets/application.css.scss
index e7b76c4a..5c6e090b 100644
--- a/app/javascript/stylesheets/application.css.scss
+++ b/app/javascript/stylesheets/application.css.scss
@@ -126,8 +126,8 @@ a {
   transform: translate(0, -50%);
   opacity: 0.2;
   font-size: 1rem;
-  z-index: 1; /* Behind the text */
-  pointer-events: none; /* Ignore mouse events */
+  z-index: 1;
+  pointer-events: none;
 }
 
 .large-album-art {
diff --git a/app/javascript/stylesheets/content.css.scss b/app/javascript/stylesheets/content.css.scss
index b2b57749..d61b0185 100644
--- a/app/javascript/stylesheets/content.css.scss
+++ b/app/javascript/stylesheets/content.css.scss
@@ -667,7 +667,7 @@ main {
 
   .view-toggle {
     display: flex;
-    gap: 0.5rem; /* Space between buttons within each group */
+    gap: 0.5rem;
   }
 
   .grid-view {
diff --git a/app/javascript/stylesheets/search.css.scss b/app/javascript/stylesheets/search.css.scss
index a8146c24..9954ac7d 100644
--- a/app/javascript/stylesheets/search.css.scss
+++ b/app/javascript/stylesheets/search.css.scss
@@ -1,6 +1,6 @@
 .search-term-form {
   max-width: 12rem;
-  margin-bottom: 1rem; /* Add margin below search term input */
+  margin-bottom: 1rem;
 }
 
 @media (max-width: 1023px) {