                 .overlay(
                     Circle()
                         .stroke(OnThisDayColors.blueColor(colorScheme), lineWidth: lineWidth)
-                        .foregroundColor(OnThisDayColors.blueColor(colorScheme))
                 )
                     .frame(width: TimelineSmallCircleElement.smallCircleHeight, height: TimelineSmallCircleElement.smallCircleHeight)
+                    .foregroundColor(OnThisDayColors.blueColor(colorScheme))
             )
             .frame(width: geometry.size.width, height: geometry.size.width)
             .padding(.top, circleYOffset)

                        /// The padding of 4 is a little arbitrary. These views aren't perfectly laid out in SwiftUI - see the "+20" comment above - and we needed an extra 4 points to make this layout properly.
                    }
                )
            )
        }
    }

}

struct MainOnThisDayElement: View {
    @Environment(\.widgetFamily) private var widgetSize

    var eventYear: Int
    var snippet: String?

    /// For unknown reasons, the layout of the `TimelineView` for a large widget is different from the rest. (A larger comment is above.) One side affect is that (as of iOS 14, beta 6) the large dot is not properly centered on the large widget. This `isLargeWidget` boolean allows us to manually correct for the error.

    var body: some View {
        VStack(spacing: 0) {
            MainOnThisDayTopElement(eventYear: eventYear)
            if let snippet = snippet {
                TimelineView(dotStyle: .none, isLineTopFaded: false, isLineBottomFaded: widgetSize == .systemSmall, mainView:
                        Text(snippet)
                            .font(.caption)
                            .frame(maxWidth: .infinity, alignment: .leading)
                            .padding(.top, 9)
                            .padding(.bottom, (widgetSize == .systemSmall ? 16 : 8))
                ).layoutPriority(1.0)
            }
        }.layoutPriority(1.0)
