diff --git a/CriticalMapsKit/Sources/AppFeature/AppView.swift b/CriticalMapsKit/Sources/AppFeature/AppView.swift
index 28d1249e..e4e8827b 100644
--- a/CriticalMapsKit/Sources/AppFeature/AppView.swift
+++ b/CriticalMapsKit/Sources/AppFeature/AppView.swift
@@ -13,17 +13,17 @@ public struct AppView: View {
   
   let store: StoreOf<AppFeature>
   @ObservedObject var viewStore: ViewStoreOf<AppFeature>
-
+  
   @Environment(\.accessibilityReduceTransparency) private var reduceTransparency
   @Environment(\.horizontalSizeClass) private var horizontalSizeClass
-
+  
   @State private var showOfflineBanner = false
-
+  
   public init(store: StoreOf<AppFeature>) {
     self.store = store
     viewStore = ViewStore(store, observe: { $0 })
   }
-
+  
   private var contextMenuTitle: String {
     if viewStore.bottomSheetPosition == .hidden {
       return L10n.Map.NextRideEvents.showAll
@@ -41,7 +41,7 @@ public struct AppView: View {
         )
       )
       .edgesIgnoringSafeArea(.vertical)
-
+      
       HStack {
         VStack(alignment: .leading) {
           if viewStore.mapFeatureState.isNextRideBannerVisible, viewStore.settingsState.rideEventSettings.isEnabled {
@@ -74,11 +74,11 @@ public struct AppView: View {
           }
         }
         .padding(.top, .grid(1))
-
+        
         Spacer()
       }
       .padding(.horizontal)
-
+      
       VStack {
         Spacer()
         
@@ -108,7 +108,7 @@ public struct AppView: View {
     .onAppear { viewStore.send(.onAppear) }
     .onDisappear { viewStore.send(.onDisappear) }
   }
-
+  
   @ViewBuilder
   func infoContent() -> some View {
     if showsInfoExpanded {
@@ -132,7 +132,7 @@ public struct AppView: View {
             }
             .padding(.top, .grid(1))
         }
-  
+        
         DataTile("Riders") {
           HStack {
             Text(viewStore.ridersCount)
@@ -152,17 +152,21 @@ public struct AppView: View {
         withAnimation { showsInfoExpanded = false }
       }
     } else {
-      Button(action: { withAnimation { showsInfoExpanded = true } }) {
-        Image(systemName: "info.circle")
-          .resizable()
-          .frame(width: 30, height: 30)
-          .transition(
-            .asymmetric(
-              insertion: .opacity.combined(with: .scale(scale: 0, anchor: .bottomLeading)).animation(.easeIn(duration: 0.1)),
-              removal: .opacity.animation(.easeIn(duration: 0.1))
+      Button(
+        action: { withAnimation { showsInfoExpanded = true } },
+        label: {
+          Image(systemName: "info.circle")
+            .resizable()
+            .frame(width: 30, height: 30)
+            .transition(
+              .asymmetric(
+                insertion: .opacity.combined(with: .scale(scale: 0, anchor: .bottomLeading)).animation(.easeIn(duration: 0.1)),
+                removal: .opacity.animation(.easeIn(duration: 0.1))
+              )
             )
-          )
-      }
+        }
+      )
+      .foregroundStyle(Color(.textPrimary))
     }
   }
   
@@ -173,25 +177,25 @@ public struct AppView: View {
         HStack(alignment: .center, spacing: .grid(2)) {
           Image(uiImage: Asset.cm.image)
             .accessibilityHidden(true)
-
+          
           VStack(alignment: .leading, spacing: .grid(1)) {
             Text(ride.title)
               .multilineTextAlignment(.leading)
               .font(Font.body.weight(.semibold))
               .foregroundColor(Color(.textPrimary))
               .padding(.bottom, .grid(1))
-
+            
             VStack(alignment: .leading, spacing: 2) {
               Label(ride.dateTime.humanReadableDate, systemImage: "calendar")
                 .multilineTextAlignment(.leading)
                 .font(.bodyTwo)
                 .foregroundColor(Color(.textSecondary))
-
+              
               Label(ride.dateTime.humanReadableTime, systemImage: "clock")
                 .multilineTextAlignment(.leading)
                 .font(.bodyTwo)
                 .foregroundColor(Color(.textSecondary))
-
+              
               if let location = ride.location {
                 Label(location, systemImage: "location.fill")
                   .multilineTextAlignment(.leading)
@@ -216,35 +220,29 @@ public struct AppView: View {
       viewStore.send(.set(\.$bottomSheetPosition, .hidden))
     }
   }
-
+  
   @ViewBuilder
   func offlineBanner() -> some View {
     Image(systemName: "wifi.slash")
       .foregroundColor(
         reduceTransparency
-          ? Color.white
-          : Color(.attention)
+        ? Color.white
+        : Color(.attention)
       )
       .accessibilityLabel(Text("Internet not available"))
       .padding()
       .background(
         Group {
           if reduceTransparency {
-            RoundedRectangle(
-              cornerRadius: 8,
-              style: .circular
-            )
-            .fill(reduceTransparency
-              ? Color(.attention)
-              : Color(.attention).opacity(0.8)
-            )
+            RoundedRectangle(cornerRadius: 8, style: .circular)
+              .fill(reduceTransparency ? Color(.attention) : Color(.attention).opacity(0.8))
           } else {
             Blur()
           }
         }
       )
   }
-
+  
   @ViewBuilder
   func nextRideBanner() -> some View {
     MapOverlayView(