add some important rules

riccardoperra · Nov 11, 2024 · 819daad · 819daad
1 parent 787395f
commit 819daad
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/app/src/components/Home/ScratchList/ScratchList.css.ts b/packages/app/src/components/Home/ScratchList/ScratchList.css.ts
@@ -12,14 +12,15 @@ export const scratchList = style({
 export const scratchListItem = style({
   display: 'flex',
   flexDirection: 'row',
-  gap: appTheme.spacing['3'],
+  gap: `${appTheme.spacing['3']} !important`,
   alignItems: 'center',
-  height: '48px',
-  paddingLeft: appTheme.spacing['4'],
-  paddingRight: appTheme.spacing['2'],
+  // TODO: fix style ordering!!!!
+  height: '48px !important',
+  paddingLeft: ` ${appTheme.spacing['4']} !important`,
+  paddingRight: `${appTheme.spacing['2']} !important`,
   textDecoration: 'unset',
-  background: themeVars.accent3,
-  color: themeVars.accent10,
+  background: `${themeVars.accent3} !important`,
+  color: `${themeVars.accent10} !important`,
   position: 'relative',
 });