Foundational Alignment
Initiative / UK Site Experience Improvements
Target / April 2026
Align core UI elements with the updated site design to ensure visual consistency.
Target/April 2026
This project focuses on improving the accessibility of foundational design elements across the Releaf UK site, including typography, buttons, and other core UI components. As part of this work, these elements will also be updated to align with the refreshed site design, ensuring they are both visually consistent and accessible to all users.
Status
In Progress
Target
April 2026
Lead
Ian Lovell
Teams
Platform, Technical, Releaf UK
Issues
Grouped by current Linear workflow status.
120 total
In Progress
10
- RLF-5692 - Install design system react package and fonts
- RLF-5693 - Update typography
- RLF-5694 - Update buttons
- RLF-5963 - Review keyboard navigation
- RLF-5995 - Review navigation and landmark structure
- RLF-6009 - Add ability to mark patient as requiring accessibility support
- RLF-6038 - Replace Releaf UK links with
Linkcomponent - RLF-6227 - Borders look inconsistent across tables and date pickers in admin site
- RLF-6228 - The section button added to the article is displayed without text by default; the text becomes visible only on hover.
- RLF-6229 - The like/dislike buttons on FAQ questions have outdated colors
Todo
7
- PLT-148 - Buttons
- RLF-6044 - Add an accessibility statement to Releaf UK
- RLF-6243 - Incorrect color for "Cancel subscription" and "Quit" buttons in user account
- TEC-6189 - Fix styles of interactive elements
- TEC-6191 - Update icons/buttons in input fields
- TEC-6192 - Update support chat icon
- TEC-6196 - Update text styles to match new button and link design
Backlog
1
- RLF-6090 - Modal issue on mobile blocks user interaction with the Submit button
Done
89
- PLT-51 - Update
ButtonGroupandIconButtonGrouporders - PLT-53 - Create a button component
- PLT-56 - Create layout components
- PLT-57 - Create a link component
- PLT-84 - Create a button link component
- PLT-89 - Create an icon button component
- PLT-90 - Update design-system repo packages to use tsdown
- PLT-100 - Create a
ButtonGroupcomponent - PLT-102 - Create an
Iconcomponent - PLT-106 - Create a List component
- PLT-112 - Add start and end icon support to the
Buttoncomponent - PLT-113 - Fix font-weight token generation
- PLT-114 - Fix
reactpackage issue with Tailwind v3 app - PLT-131 - Rename
ButtonLinkcomponent toLinkButtonand add newButtonLink - PLT-132 - Create an
Accordioncomponent - PLT-133 - Create an
IconLinkButtoncomponent - PLT-149 - Create a
TableButtoncomponent - PLT-150 - Add a
BackButtoncomponent - PLT-153 - Create new colour semantic tokens
- RLF-5696 - Add pnpm catalog for consistent package versions
- RLF-5697 - Update to latest TypeScript
- RLF-5698 - Update Node to latest Node LTS
- RLF-5699 - Update Astro React version to React 19
- RLF-5779 - Support chat icon is inconsistent with staging across all pages
- RLF-5781 - Checkboxes are displayed incorrectly on the
/blogpage - RLF-5786 - UI bugs on
/search?query={search_term}pages - RLF-5787 - Hero section title is visually cut off on the
/start-treatmentpage - RLF-5789 - The content is completely missing on the
/medical-cannabis-card//pricingpages - RLF-5802 - On the page
/advertorial/chiropractic-alternativethere is a missing spacing issue in the right sidebar - RLF-5806 - Dashboard - List of issues
- RLF-5808 - Tasks/Users tab - search doesn't work
- RLF-5810 - Filtering panel issue - the data remains visible after clearing filters
- RLF-5812 - On the page
/green-friday-medical-cannabis-clinic-promotionthe promo code block layout is incorrect - RLF-5813 - Calendar and Triage Calendar - List of issues
- RLF-5842 - On the page
/pricing-ppcspacing is missing - RLF-5843 - Patients - List of issues
- RLF-5844 - Login flow issue
- RLF-5845 - Conditions - "X" button does not remove selected items in Edit Condition panel
- RLF-5851 - Specialist admin - list of issue
- RLF-5878 - Building the web application failed in Node.js v.24
- RLF-5885 - pricing-ppc doesn't load on mobile
- RLF-5902 - Impersonate User fails on staging
- RLF-5909 - Unable to create a new condition unless "Risk factor" toggle is enabled
- RLF-6052 - Fix updated buttons
- RLF-6062 - Fix links that are still using old styles
- RLF-6068 - List of issues on mobile - Sign up & Account
- RLF-6092 - 'Click this link if you want an account' link changes position on the login page after logging out of the user account
- RLF-6093 - Fix misaligned links on the
/education/travel/guides/*pages - RLF-6103 - Field borders are displayed incorrectly
- RLF-6104 - The 'More filters' link is not working
- RLF-6105 - Fix article layout on the
patient-stories/[category]page - RLF-6106 - Change button position (mobile)
- RLF-6108 - Fix links that are highlighted on hover
- RLF-6109 - Fix slot alignment in the user account when rescheduling a consultation
- RLF-6110 - Remove the unclear button on /research/[slug] pages
- RLF-6115 - Clicking 'Copy' on the /page/*, the social media buttons change their position
- RLF-6116 - No confirmation message after submitting on the verify page
- RLF-6133 - Fix divider lines across pages
- RLF-6134 - Text is cut off in one of the blocks on
/educationpage - RLF-6138 - Tooltip is not displayed on hover over 'Dosage instructions' button in Prescriptions tab
- RLF-6139 - Change button position in the user account
- RLF-6140 - Fonts are not applied in the Personal tab in the user account
- RLF-6141 - Fix link on checkout
- RLF-6142 - Fix update button on prescription checkout
- RLF-6149 - Update back arrow icon
- RLF-6151 - Change navigation arrows
- RLF-6152 - Fix input field borders in the user account (Personal/Contact Info)
- RLF-6157 - Fix checkbox label text font
- RLF-6158 - Fix Trustpilot links
- RLF-6159 - Fix link icons
- RLF-6160 - Fix buttons color
- RLF-6164 - Focus outline disappears on switchers after interacting with another element
- RLF-6165 - Double border appears when focused and becomes correct after click
- RLF-6166 - Update colour of back arrow and logout icons
- RLF-6167 - On the registration page, the text 'Have a discount code? Enter it here' is displayed as a link
- RLF-6169 - UI issue in user account
- RLF-6170 - Update links according to design
- RLF-6171 - Update button position and design on registration modal window
- RLF-6177 - Change (color) accordion icon
- RLF-6201 - Change button position in Billing & Invoices tab
- RLF-6208 - Update ʼDownloadʼ button on the
/verify/detailspage - RLF-6212 - Link field shows incorrect blue focus border instead of green on click
- RLF-6213 - Dropdown underline becomes too thick on hover
- RLF-6230 - CTA button in articles doesn’t stay sticky while scrolling
- RLF-6231 - Issue with PROMs in the patient account.
- RLF-6232 - The Do not merge accounts button is not responding to clicks on megre accounts page
- RLF-6233 - Back to login button on merge account page has wrong design
- RLF-6241 - Incorrect style for "Log in" button in mobile menu
- TEC-6190 - Change font weight on /search?query=* pages
Canceled
13
- RLF-5805 - On the pages
/gp-practice/*, the 'Become a medical cannabis patient' block is redundant - RLF-5879 - Search results differ on staging compared to production
- RLF-5888 - Different number of pages displayed on
/gp-practicepage in Production and Stage - RLF-6061 - Fix visited link colour to prevent links from turning purple
- RLF-6122 - Fix not updated buttons
- RLF-6136 - Arrows are incorrect in size on the /medical-cannabis-card page
- RLF-6143 - Discount code input field and Apply button appear inactive until a value is entered on checkout
- RLF-6155 - Fix button in the user account
- RLF-6163 - NHS button text differs from staging on registration page
- RLF-6188 - Navigation arrows briefly appear in the carousel on the FAQs page
- RLF-6202 - Verify page does not update after email confirmation
- RLF-6205 - Missing information about shipped products on verify/card-access page
- RLF-6206 - Verify/details page returns 404 error on load