Cushionaire — Visual QA Report

Comparing the same CTA banner in both full renders (Figma y~4050-4650, site y~3950-4500, both bracketed by the product carousel/arrows above and "THE OBSESSION IS REAL / LOVED BY 10M+ CUSTOMERS" below), Figma centers a photo-masked "S" monogram above a centered "YOU'LL LIVE IN." heading/body/GET COMFY button with a "CUSHIONAIRE" wordmark bleeding at the bottom, whereas the site has no S-monogram or photo at all, a giant "CUSHION" word bleeding across the top, left-aligned heading/body/button, and a "WALK YOUR MOOD" badge obscuring the middle so the heading reads "STYLE … LL LIVE IN." rather than cleanly "YOU'LL LIVE IN." — every sub-claim holds on clear, non-artifact renders, and the absent hero photo-in-S element plus restructured composition justify Critical.

Measured card aspect ratios confirm the deviation: Figma's four Summer Essentials tiles are portrait (w/h ≈ 0.83) showing full model figures down to the feet, while the live site renders them as landscape tiles (w/h ≈ 1.45) that crop the imagery tighter (e.g. Easy Summer and City Summer models cut off mid-thigh), exactly as described.

Full-res crops confirm the giant white "STYLE" display word in Figma is absent on the live site, replaced by a modest two-line dark "STYLE YOU'LL / LIVE IN." heading; the deviation is real and not a scaling artifact, but since the heading text and all other band content (giant CUSHIONAIRE marquee, body copy, GET COMFY button) are intact and the section remains functional, this is a significant aesthetic regression that fits High rather than Critical.

Figma confines the model+basket photo to the right while eyebrow/heading/body/pink button sit in a clean solid pink-cream left panel, whereas the live site renders the photo full-bleed across the whole banner with all text overlapping directly on the busy photo, making the eyebrow and body copy hard to read — exactly as described.

In the site (v2/home_mobile.png CTA banner ~y=4160), a rotated white "WALK YOUR MOOD" sticker sits directly over the heading so it reads "STYLE [sticker]LL LIVE IN.", visibly covering the word "YOU'", whereas the Figma design (qa_screenshots/figma_home_mobile.png same section) shows the heading "YOU'LL LIVE IN." fully legible with the decorative "ST" letterform and no such sticker, so the overlap and the Figma mismatch are both real.

High-res crops confirm Figma floats the four feature cards over the full-bleed model photo with the heading set beside the image, while the site places the cards on a plain tan background and relegates the model photo to a separate full-width block below, exactly losing the intended image-as-background composition.

On the site's single Trending Now tile the caption appears twice — a centered dark-pill caption "Our latest color of the 90s jelly slide!! • Tortoise •" and the same text repeated in white lowercase script at bottom-left ("our latest color of the 90s jelly slide!! Tortoise") — whereas the matching Figma tile (figma_home_mobile.png, ~y6300–6760) shows only the single centered caption with the bottom-left shirt area clean, confirming a real templating duplication that deviates from the design.

Pixel sampling confirms the site eyebrow "SIMPLY ELEVATED" is a muted steel-blue (RGB ~157,173,191; B-R +34) while Figma renders it near-white (RGB ~235,230,227; B-R -9) matching the white headline, so the cross-spec color mismatch and lower contrast are real and the finding is not backwards.

The color claim is genuine (Figma heading is pink ~RGB(238,200,179) vs site solid black ~RGB(27,27,27)), but the alignment claim is factually backwards — both Figma (text x≈94) and the site (text x≈119, matching its card/container left edge) are left-aligned, so the real defect is color-only, warranting a downgrade to Medium.

At equivalent scale the live site clearly wraps the Most Loved product cards in a rounded pink/peach panel (visible peach margins around and between the white card tiles), whereas the Figma design shows the same white cards sitting directly on the blue section background with no surrounding frame — a real, accurately described styling addition, not a scaling artifact.

At full resolution the site's white body paragraph ("Because life's too short for uncomfortable shoes...") sits over a bright window/curtain/cream-blouse area (background median luminance ~196, >50% of pixels above 190), washing out the second line, whereas Figma places the identical copy over a darker mid-tone photo with clearly readable white text — the contrast regression is real, not a scaling artifact, and the finding's direction is correct, so Medium stands.

At full resolution the site clearly renders "STYLE MEETS COMFORT" on a dark translucent gradient box with visible rectangular edges overlaid on the hero image, whereas the Figma places the same white headline directly on the light image content with no dark box, so the core styling deviation is real (the description's "tan background below the image" wording is slightly off since in both the text overlays the photo, but the load-bearing dark-box-vs-no-box difference holds and Medium severity fits).

In the Figma mobile footer the brand block ends with a bold line "Cushionaire. Defined by comfort." after the –aire suffix definition, but the site footer jumps straight from the suffix definition to the HELP/POLICY link columns with that line absent.

On the native-res render the eyebrow "YOUR NEXT FAVORITE PAIR JUST ARRIVED" and the white body paragraph in the Comfort Looks This Good banner sit over a light cream/tan photo with no scrim or text-shadow, measuring only ~1.9:1 and ~1.7-1.9:1 contrast (far below WCAG AA), so they are genuinely low-contrast and hard to read as described; this is a real legibility defect, not a scaling artifact, and Low severity is appropriate for a marketing banner whose large heading still carries the message.

In the canonical Figma source (390px wide) "SUMMER ESSENTIALS" fits on one line, while the site (375px, even narrower) renders the heading noticeably larger and wraps it to two lines ("SUMMER" / "ESSENTIALS"), exactly as described — a genuine type-scale styling difference, not a scaling artifact, and Low severity is appropriate for a non-breaking cosmetic wrap.

The site footer shows pink "HELP" and "POLICY" headers above the two link columns, while the Figma footer (/home/georoot/test/v2/slices/fig_home_mobile_s07.png) lists the identical links with no column headers, exactly as described, and Low severity fits this minor content addition.

Cropped comparison confirms Figma shows white rounded card containers with product images while the site renders the Most Loved products as bare text with blue underlined product-name hyperlinks and a blue underlined "LEARN MORE" link, no card containers, no images, and no swatches — a genuinely unstyled/broken section, not a scaling artifact, warranting Critical.

Both the slice and a full-resolution crop of the source site screenshot show the MOST LOVED section as tabs (MOST SELLERS/NEW ARRIVALS) followed by a large blank gap and then the SEE WHAT'S POPPIN' CTA with non-functional carousel arrows but zero product cards, whereas Figma shows a fully populated card (Pool Jelly Slide Sandal, $44.99/$64.99, 4.3/29 reviews, +X colors, LEARN MORE) in that exact position, so the empty carousel is a real structural defect, not a scaling/lazy-load artifact.

High-zoom crops confirm the site renders the same generic orange dotted glyph in all four circles (Cork Footbed, Memory Foam, Arch Support, Genuine Leather Insole), whereas Figma shows four distinct pictograms (cork cylinder, foam grid, foot-with-arrows, leather badge), so the feature icons no longer communicate their individual meanings.

Zoomed crops show the Figma "WEAR THE FEELING" taped note sits top-center above the CUSHIONAIRE logo with "KEEP IN TOUCH" rendered cleanly, whereas on the site the note is shifted right and physically covers the heading so only "KE" is visible — a genuine layout overlap, not a scaling artifact.

Figma renders "MOST LOVED" as large white text over a full-section blue lifestyle photo (hero treatment), while the live site shows pink text on a plain white background with no background image, exactly as the finding describes.

Both slice and full screenshots confirm Figma's buy box is black ADD TO CART → purple "BUY WITH shop" → More payment options → OR → blue Buy-with-Prime ADD TO CART, while the live site omits the purple Shop Pay button entirely and places the blue Buy-with-Prime button directly under the first ADD TO CART, exactly as described.

The Figma slice shows the COLOR row as six solid filled color chips (taupe, tan, gray, black, black, cream) while the live-site slice renders each swatch as a small shoe product photo inside a circle, exactly matching the finding and not a scaling artifact.

Figma renders the band headline ("WE TAKE COMFORT PRETTY SERIOUSLY") and all feature titles ("REAL SUEDE UPPER", "CORK FOOTBED LINING", "ADJUSTABLE BUCKLES", "DURABLE EVA OUTSOLE") in all caps, while the live site shows them lowercase, a clear text-transform/letter-case deviation visible across the entire band, not a scaling artifact.

Direct comparison confirms the black primary CTA on the site renders "ADD TO CART" in a slanted, condensed, heavy display font while Figma uses an upright clean uppercase sans-serif; it is not a scaling artifact since the adjacent blue Prime button renders upright in the same screenshot, and the slight overstatement (the blue button is actually upright on the site) doesn't undermine the confirmed primary-button defect at Medium severity.

Figma's CTA stack clearly shows a full-width purple "BUY WITH shop" button between the black ADD TO CART and the OR divider/blue Prime button, whereas the site stack jumps straight from black ADD TO CART to the blue "BUY WITH PRIME ADD TO CART" button with the purple Shop button entirely absent, exactly as described.

Zoomed crops of /home/georoot/test/v2/product_desktop.png show every gallery thumbnail cell wrapped in a prominent rounded light-blue/periwinkle border stroke, whereas /home/georoot/test/qa_screenshots/figma_product_desktop.png places the images borderless on the page background — a real, consistent deviation, not a scaling/JPEG artifact.

The case mismatch is real and confirmed across two crops (site heading "we take comfort pretty seriously" and feature titles "cork footbed lining" etc. are lowercase, while Figma uses uppercase "WE TAKE COMFORT PRETTY SERIOUSLY" / "CORK FOOTBED LINING"), but the "low-contrast pink vs Figma" claim is factually backwards — sampled heading pink is RGB(244,209,199) on site and RGB(243,209,198) in Figma on the same cream background, i.e. the pale pink is the intended design, not a regression; so the genuine defect is a cosmetic text-transform difference warranting Medium, not High.

Zoomed crops confirm Figma uses four distinct blue pictograms in light circles (leather hide, cork cylinder, buckle chevrons, sole pair) while the site repeats the same generic small orange rounded glyph for all four rows, matching the finding exactly at an appropriate Medium severity.

Crops of both files confirm all three claims: Figma's 4.1/5 score and stars are muted blue-gray with a star icon beside each histogram row number and counts inside rounded pill chips, whereas the site renders the score/stars in plain black with bare row numbers (no star icons) and bare counts (5000, 900, ...) with no chip boxes.

Zoomed crops confirm the site's Most Loved card renders "$44.99 $64.99" as identical plain black text (both ~RGB 32,32,32) with no strikethrough, while Figma strikes through the $64.99 compare price in muted gray — so the sale/discount styling is genuinely lost (the finding's "no red" detail is imprecise since Figma uses gray, but the load-bearing strikethrough mismatch is real and clearly visible).

The site footer (v2/product_desktop.png) shows pink "HELP" and "POLICY" headers above the link columns, while the Figma design (qa_screenshots/figma_product_desktop.png) has the identical link lists ("Track my order..." / "Shipping Policy...") with empty dark space and no column headers, confirming the site adds content the design lacks.

At native resolution in both the slices and the full screenshots, the active tab pill under "MOST LOVED" reads "MOST SELLERS" on the live site versus "BEST SELLERS" in Figma (with "NEW ARRIVALS" as the identical sibling tab), a clear copy mismatch and not a scaling artifact.

Both slices confirm the claim exactly: Figma shows a very large light/low-contrast "REVIEWS" display heading with blue "4.1/5" and blue stars centered above "From 39 reviews", while the live site renders a smaller solid-black bold "REVIEWS" with black score/stars left-aligned, so the display-scale, color, and centered-summary differences are real and not a scaling artifact.

Site review rows show circular initial avatars (K, S, S) and a "Most recent" sort dropdown above the list, both absent in the Figma slices (which use stars/name/Verified rows with no avatars and pagination instead of a sort control), so the extra elements are real and not artifacts.

The Figma slice (fig_product_mobile_s04.png) clearly shows a black "VIEW ALL" button directly below the numbered review pagination, while the live site slice (site_product_mobile_s05.png) shows the arrow-flanked numbered pagination jumping straight into the "MOST LOVED" section with no "VIEW ALL" button present.

The Figma slice shows the info cards as a horizontal carousel (one MATERIALS card centered, next card peeking on the right, with left/right nav arrows and three pagination dots), while the live site stacks MATERIALS, FIT INFO, and CARE INSTRUCTIONS full-width vertically with no carousel controls, exactly as described.

Figma renders the lifestyle photos as a horizontal carousel (one full-width image with the next peeking on the right plus pagination dots and left/right nav arrows), while the live site (v2/product_mobile.png ~y3800-4900) stacks two lifestyle images full-width vertically with no peek, dots, or arrows, exactly as described; Medium severity fits a secondary-section component mismatch.

Zoomed top-left crops confirm Figma's hero has the hand-drawn 'TRENDING' speech-bubble badge with text, while the live site hero renders only the leftover tape strip with the bubble outline and 'TRENDING' text missing, so the badge content is genuinely absent as claimed.

Figma (figma_top.png) clearly shows a centered row of pagination dots flanked by left/right arrows beneath the main gallery image, while the live site (site_top.png) shows only a "+" zoom icon and a thumbnail strip with no dots/arrow navigation under the main image, matching the finding exactly.

Zoomed crops confirm the Figma Most Loved cards show two distinct products ("POOL JELLY SLIDE SANDAL" and "LANE CORK FOOTBED SANDAL") while both visible site cards read "Lane Cork Footbed Sandal" with identical price ($44.99/$64.99) and rating (4.3, 29 reviews), confirming duplicated card content; Low severity is appropriate.

Pixel sampling of the small footer wordmark shows Figma is pure white (255,255,255) while the site is a warm cream/off-white (~232,223,206, R-B gap only 26, R-G gap only 9) — a real but subtle white-vs-cream deviation, not the "pink/salmon" the finding claims (true salmon is the large bottom wordmark), so the defect exists but is low impact and mischaracterized.

Measured the bottom footer row in both images: in Figma the country selector is inset (14.6% from left) with the "We accept" label + payment icons immediately after it, centered (group center at 53.4%, 23.3% empty right margin), whereas on the site the selector is flush left (3.4%) and the "We accept"/icon strip is pushed to the far right edge (group center at 77.6%, only 2.3% right margin, with a ~586px middle gap), exactly as the finding describes.

High-magnification crops confirm Figma's SAVE badge is a square-cornered black rectangle while the live site's SAVE badge is a fully rounded black pill, a clear corner-radius/shape deviation that is not a scaling artifact.

Figma (fig_product_mobile_s05) shows the four social icons inside bordered square boxes and the link columns with no headers, while the live site (site_product_mobile_s06/s05) renders bare social icons with no box borders and adds "HELP" and "POLICY" column headers above the link lists, exactly as described.

Figma cards clearly show a round color-swatch row plus literal "+ X colors" text directly under the price (verified on Missy Mary Jane and Lanky Strappy cards), while the live site cards go from price straight to ADD TO CART with no such swatch/"+X colors" row — the only dots on the site are carousel indicators sitting on the product image, not the under-price swatch row, so the finding is accurate and not a scaling artifact.

Zoomed crops confirm the Figma cards have an inline size-selector row (left arrow, chips 6/6.5/7/7.5, right arrow) between the "+ X colors" swatch row and ADD TO CART, while every live-site card goes swatch dots → name → rating → price → ADD TO CART with no size chips at all.

Figma clearly shows top-left card badges (light-blue "NEW", tan "BESTSELLER") while every site card row, including unobstructed ones, has clean image corners with no badges, so the finding is accurate and not a scaling artifact.

The Figma full screenshot ends the grid with numbered pagination "1 2 3 ... 17" flanked by hand-drawn left/right arrows, while the live site shows a single bordered "LOAD MORE" button with no page numbers or arrows, exactly as described.

Confirmed real: every Figma card shows color-swatch dots + "+13 colors" beneath the price, and the site cards jump straight from price to ADD TO CART with no swatch row, but since cards still render and function this missing informational row warrants High rather than Critical.

Confirmed real: Figma cards show an inline size-chip selector ("6/6.5/7/7.5" with left/right arrows) between the color swatches and Add to Cart, which the site cards omit entirely (Add to Cart sits directly under the price); but since users can still add to cart and size is selectable on the PDP, this is a feature-parity/conversion gap rather than a blocking defect, so severity is High not Critical.

Figma product cards clearly show top-left pill badges (light "NEW" and salmon "BESTSELLER") while every site product card lacks any such badge on the image, confirming the content element is missing.

Zoomed crops confirm Figma's left toolbar control is a slider-icon 'Filters' affordance (with 'Sort by' on the right), while the site's same row shows only a plain '30 products' count label (with 'SORT BY: NEWEST'), so the Filters control is genuinely missing — a real content/functional discrepancy, not an artifact, warranting High severity.

Figma consistently shows a coral wishlist heart icon in the top-right corner of every product card image, while the live site's product images have no heart overlay in any corner across all rows.

Pixel sampling confirms the site's product image areas sit on a grey-blue tinted gradient block (consistent R<G<B values ~201,208,219 to 224,226,228, visibly bluish-grey behind the shoes) whereas the Figma product image area is overwhelmingly pure white (255,255,255), so the discrepancy is real, site-wide, and not a scaling artifact.

Both full-page crops clearly show site product titles in ALL CAPS (e.g. "FULTON SLIP-ON SNEAKER", "FAZE SLIP-ON SNEAKER") while Figma renders them in Title Case (e.g. "Missy Mary Jane Ballet Flats", "Lanky Strappy Sandals"), matching the finding exactly and not attributable to scaling.

Figma cards show a single star icon plus numeric "4.3" on the title's line to its right, while the live site shows a row of filled stars plus "(29)" review count above the title, so both the rating treatment and placement differ exactly as described; Medium is appropriate for a repeated styling difference.

Pixel sampling of the main nav band (below the dark utility bar) shows the live site is uniformly cream RGB(246,239,230) while Figma is pure white RGB(255,255,255), confirming the header background deviation exactly as described.

Figma wraps each product (image, title, rating, price, swatches, size pills, ADD TO CART) in a white rounded-corner card with a visible border/shadow that separates items, while the site renders the products as flat blocks with rounding only on the image tile and no overall bordered card container.

The site footer shows uppercase 'HELP' and 'POLICY' headings above the two link columns (Track my order... and Shipping Policy...), whereas the Figma design has the identical link columns starting directly with the links and no such headings.

Both the slices and full screenshots clearly show Figma renders the four social icons inside joined bordered/outlined square cells while the live site shows the same icons as plain glyphs with no boxes, exactly matching the finding's direction at native resolution (not a scaling artifact).

Zoomed crops confirm Figma's footer shows 11 badges including Venmo (Discover, PayPal, Google Pay, Mastercard, Amazon, Amex, Shop Pay, Venmo, Visa, Diners, Apple Pay) while the site shows 10 in a different order with no Venmo, exactly as the finding states.

Zoomed crops confirm Figma renders "SORT BY: Newest arrivals" in sentence case with a rounded chevron, while the live site shows bold all-caps "SORT BY: NEWEST" with a small triangle marker, matching every claim in the finding.

Pixel-level zoom confirms the Figma filter rows (Category/Style/Size/Width/etc.) use thin line-stroke down-chevrons while the live site uses solid filled down-triangles (▾), exactly as described, making this a real and correctly-characterized minor styling mismatch.

Cropped footers confirm the deviation: in Figma the locale selector, "Cushionaire = We accept" text, and payment icons form one tight left-of-center cluster, whereas the live site pins the locale selector far-left and pushes the text+icons far-right with a large empty gap between them, exactly as described, and Low severity fits this minor footer alignment issue.

Zoomed crops confirm Figma shows a lowercase title-case "Sort by" dropdown label while the site renders it all-caps as "SORT BY: NEWEST", a clear letter-case and format difference, correctly classified as Low styling.

Direct full-resolution crops from the authoritative site screenshot (/home/georoot/test/v2/shopbylook_desktop.png, banner ~y2300-2560) show the eyebrow "YOUR NEXT FAVORITE PAIR JUST ARRIVED." wrapping to two cramped lines that nearly overlap each other and crowd the "COMFORT" headline (which itself wraps to three lines), whereas the authoritative Figma screenshot (/home/georoot/test/qa_screenshots/figma_shopbylook_desktop.png, ~y1950-2450) shows the eyebrow on a single line with a clear gap above a two-line headline — confirming a real broken line-height/overlap defect vs Figma, not a scaling artifact.

Site hero positions the model center-left with rocks framing only the left, leaving a flat empty brown wall across the right third and the woven basket lost, whereas Figma centers the model right with rocks framing both sides and the basket fully visible — the crop/focal mismatch is unmistakable, not a scaling artifact, and prominent above the fold.

Zoomed crop of the Pool Jelly Slide Sandal card clearly shows the literal, crisp text "+ X colors" with an unsubstituted "X" after four color swatches (not a scaling artifact or degraded numeral), confirming an unrendered template token surfacing to users.

The live mobile site's EXPLORE THE FULL COLLECTION section legibly renders a "LOREM IPSUM" eyebrow and a full "Lorem ipsum Lorem ipsum..." placeholder body paragraph (confirmed at full resolution, not a crop/scaling artifact), matching Figma — unfinished placeholder copy exposed to users on a customer-facing page, correctly rated High.

In the #CUSHIONAIRE gallery, Figma gives each tile its own pink 'SHOP THE LOOK' button (visible on both tile 1 and tile 2), but the site shows the button only on the first tile while the brown-sandals and greenery tiles have no button overlay, matching the finding and not explainable as a crop/scaling artifact since each tile's full bottom region is visible.

The wrap discrepancy is real (Figma renders the headline on 2 lines, "SHOP"/"THE LOOK", while the site wraps to 3 lines, "SHOP"/"THE"/"LOOK"), but the finding's stated cause is wrong: scale-normalized cap-height is ~85px on the site vs ~84px in Figma (site canvas is 1425px wide vs Figma 1317px), so the type is not oversized — the extra wrap comes from a narrower headline column, making this a moderate layout/wrap polish issue rather than a High-severity oversized-type break.

Verified: Figma's Coastal Minimalist and Off-Duty Model look cards each carry a black top-left pill ("20% OFF NOW" / "15% OFF NOW") on the model image, and both pills are clearly absent from the corresponding site model images (top-left corners are plain background) — a genuine content miss, but downgraded to Medium since it is a single promotional overlay and the cards' product columns still show the discounted prices.

Pixel measurement confirms the deviation: in Figma both lorem lines start at the same left edge (x=780, ragged right) i.e. left-aligned, while on the site line 2 is indented ~33px from line 1 (left 850 vs 883) so the lines do not share a left edge and the design's left text-column alignment is broken, exactly the symptom described; Medium severity is appropriate for a visible alignment defect in this prominent section.

In the legible Figma footer crop the two link columns (Track my order…/Shipping Policy…) are plain lists with no header, while the site footer renders bold uppercase "HELP" and "POLICY" headers above those same columns (KEEP IN TOUCH exists in both), confirming the added column headers vs design.

Zoomed crops confirm Figma renders the 4.3 rating as 4 filled stars plus a half-filled fifth star, while the site renders the same 4.3 as five fully filled stars, overstating the score and missing the design's fractional-star treatment.

Confirmed real defect: on the site the white "WEAR THE FEELING" sticker overlaps the "CUSHIONAIRE" footer heading and clips its final "E" (reads "CUSHIONAIR"), whereas in Figma the sticker sits to the right/above the dark band fully clear of the full heading; but since it is a decorative footer collision clipping one letter of a definition heading (not a functional/CTA blocker), severity is more accurately Medium than High.

Zoomed crops confirm the site renders pink "HELP" and "POLICY" headers above the two footer link columns while the Figma design shows the identical link lists beginning directly under the CUSHIONAIRE definition with no such headers, so the extra labels are a genuine content deviation, not an artifact.

High-res crops confirm the taped 'WEAR THE FEELING' note sits far-right overlapping the 'KEEP IN TOUCH' heading on the site, whereas Figma places it left-of-center above the CUSHIONAIRE/HELP gap — a clear, non-artifact horizontal mismatch matching the finding's direction.

The core deviation is real (the site's carousel adds an extra script-font "SHOP THE LOOK" row above "COASTAL MINIMALIST"), but the finding's reasoning is partly backwards: Figma's carousel does have a header bar reading "COASTAL MINIMALIST" with left/right arrows (not an image-overlay label, and the arrows are not site-added chrome), so the genuine difference is only the small extra label row — a minor cosmetic addition warranting Low, not Medium.

In matched footer crops, Figma shows the bold "Cushionaire. Defined by comfort." line directly after the "-aire // suffix" definition, while the site skips straight from that definition to the HELP/POLICY link columns with no closing tagline.

Both slices (verified against the Figma full image) show the described real, correctly-directed deviation: Figma stacks a compact "Cushionaire / We accept" label to the left of two payment-icon rows, whereas the site renders "Cushionaire = We accept" on one line above a wider single payment grid with different icon ordering/wrapping, a legitimate Low-severity styling difference and not a scaling artifact.