Stats: keep 'view all' link at the bottom

Author: myhro

Diff for: packages/components/src/horizontal-bar-list/stats-card.tsx

@@ -109,21 +109,21 @@ const StatsCard = ( props: StatsCardProps ) => {
 					>
 						{ isEmpty ? emptyMessage : children }
 					</div>
-					{ footerAction && (
-						<a
-							className={ `${ BASE_CLASS_NAME }--footer` }
-							href={ footerAction?.url }
-							aria-label={
-								translate( 'View all %(title)s', {
-									args: { title: title.toLocaleLowerCase?.() ?? title.toLowerCase() },
-									comment: '"View all posts & pages", "View all referrers", etc.',
-								} ) as string
-							}
-						>
-							{ footerAction.label || translate( 'View all' ) }
-						</a>
-					) }
 				</div>
+				{ footerAction && (
+					<a
+						className={ `${ BASE_CLASS_NAME }--footer` }
+						href={ footerAction?.url }
+						aria-label={
+							translate( 'View all %(title)s', {
+								args: { title: title.toLocaleLowerCase?.() ?? title.toLowerCase() },
+								comment: '"View all posts & pages", "View all referrers", etc.',
+							} ) as string
+						}
+					>
+						{ footerAction.label || translate( 'View all' ) }
+					</a>
+				) }
 			</div>
 			{ overlay && <div className={ `${ BASE_CLASS_NAME }__overlay` }>{ overlay }</div> }
 		</div>