Style uniformity

src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx

@@ -50,9 +50,9 @@ function DebouncedBookmarkItem({
 						<Text
 							style={{
 								fontWeight: 'bold',
-								fontSize: '20px',
-								padding: '8px',
-								margin: '8px',
+								fontSize: '1.25rem',
+								padding: '.5rem',
+								margin: '.5rem',
 								borderRadius: '10px',
 								backgroundColor: 'var(--mantine-color-accent-0)',
 								color: 'var(--mantine-color-background-0)',
@@ -71,8 +71,8 @@ function DebouncedBookmarkItem({
 			>
 				<ActionIcon
 					pos={'absolute'}
-					right={16}
-					top={16}
+					right={'1rem'}
+					top={'1rem'}
 					color='red'
 					onClick={() => {
 						setIsOpen(true);
@@ -86,7 +86,6 @@ function DebouncedBookmarkItem({
 				<TextInput
 					label={'Name'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={bookmark.name}
 					onChange={(event) => {
@@ -99,7 +98,6 @@ function DebouncedBookmarkItem({
 				<TextInput
 					label={'Category'}
 					className={textInputClasses.settingsItem}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={bookmark.category}
 					onChange={(event) => {
@@ -115,7 +113,6 @@ function DebouncedBookmarkItem({
 					label={'URL'}
 					className={textInputClasses.settingsItem}
 					w={isMobile ? '80%' : '100%'}
-					pt={16}
 					classNames={textInputClasses}
 					defaultValue={bookmark.url}
 					onChange={(event) => {