Ctrlk
QuickStartCustomizationHooksComponentsMigrationsTroubleshooting
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Styling Issues

VeChain Kit uses Chakra UI internally, which can cause styling conflicts with other CSS frameworks and custom styles.

Common Problems

  • CSS framework styles being overridden by VeChain Kit

  • VeChain Kit components not rendering correctly due to missing Chakra setup

  • Theme conflicts when your app also uses Chakra UI

  • Unexpected styling on images, buttons, or form elements

Quick Fixes

  • Install Chakra UI as a peer dependency even if you don't use it directly

  • Use CSS layers to control style precedence

  • Wrap your app in ChakraProvider with ColorModeScript

Issues in This Section

Chakra Conflicts

Setting up Chakra UI properly and resolving conflicts when your app also uses Chakra.

CSS Framework Conflicts

Using CSS layers to resolve conflicts with Tailwind, Bootstrap, and other CSS frameworks.

Can't find your issue? Search our GitHub Issues or ask on Discord.

PreviousFrom DApp Kit
NextChakra Conflicts