 }
 
 struct MainOnThisDayElement: View {
+    @Environment(\.widgetFamily) private var widgetSize
+
     var eventYear: Int
     var snippet: String?
-    var widgetSize: WidgetFamily
 
     /// 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, widgetSize: widgetSize)
+            MainOnThisDayTopElement(eventYear: eventYear)
             if let snippet = snippet {
-                TimelineView(dotStyle: .none, isLineTopFaded: false, isLineBottomFaded: false, mainView:
+                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)

struct MainOnThisDayTopElement: View {
    let eventYearPadding: CGFloat = 16.0
    @Environment(\.colorScheme) var colorScheme

    var eventYear: Int
    var widgetSize: WidgetFamily

    var firstLineText: String {
        if widgetSize == .systemLarge {
            return "\(eventYear)"
        } else if widgetSize == .systemSmall {
            return String(eventYear)
        } else {
            let now = Date()
            let currentComponents = Calendar.current.dateComponents([.month, .day], from: now)

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