diff --git a/apps/web/pages/elements/[name]/index.tsx b/apps/web/pages/elements/[name]/index.tsx
index edfbd21..58b94a9 100644
--- a/apps/web/pages/elements/[name]/index.tsx
+++ b/apps/web/pages/elements/[name]/index.tsx
@@ -439,11 +439,10 @@ const listOfProperties = (props: GetStaticPropsType) => {
 				),
 				Interactive: (
 					<Box
-						sx={(theme) => {
-							return {
-								width: 'fit-content',
-								border: `1px solid ${theme.colorSchemes.dark.palette.neutral[700]}`,
-							};
+						sx={{
+							width: 'fit-content',
+							border: '1px solid',
+							borderColor: 'neutral.800',
 						}}
 					>
 						{!element.bohrModel.interactive ? null : (
diff --git a/apps/web/src/web/components/bohr/three-dimensional.tsx b/apps/web/src/web/components/bohr/three-dimensional.tsx
index 13fa51c..da58912 100644
--- a/apps/web/src/web/components/bohr/three-dimensional.tsx
+++ b/apps/web/src/web/components/bohr/three-dimensional.tsx
@@ -1,32 +1,30 @@
 import React from 'react';
 
-import useBreakpoint from '../../hooks/break-point';
-
 const BohrThreeDimensional = (
 	props: Readonly<{
 		src: string;
 		name: string;
 	}>
 ) => {
-	const breakpoint = useBreakpoint();
-
-	const isExtraSmall = breakpoint === 'xs';
-
-	const length = isExtraSmall ? 300 : 400;
+	const length = 300;
 
 	return (
 		// @ts-expect-error: model-viewer is injected by Google
 		<model-viewer
 			ar
-			interaction-prompt="auto"
-			interaction-prompt-style="wiggle"
-			interaction-prompt-threshold="0"
+			ar-modes="webxr scene-viewer quick-look"
+			autoplay
+			loading="lazy"
 			alt={`A 3D model of ${props.name}`}
 			src={props.src}
-			auto-rotate
 			shadow-intensity="1"
 			camera-controls
+			tone-mapping="neutral"
 			touch-action="pan-y"
+			min-camera-orbit="auto auto 100%"
+			max-camera-orbit="auto auto 60%"
+			min-field-of-view="0deg"
+			max-field-of-view="110deg"
 			style={{
 				width: length,
 				height: length,
diff --git a/apps/web/src/web/components/compounds/index.tsx b/apps/web/src/web/components/compounds/index.tsx
index dc1345e..a30d166 100644
--- a/apps/web/src/web/components/compounds/index.tsx
+++ b/apps/web/src/web/components/compounds/index.tsx
@@ -19,6 +19,7 @@ import {
 	Defined,
 	type Return,
 	formQueryParamStringFromRecord,
+	type Optional,
 } from '@poolofdeath20/util';
 
 import { useDebounce } from 'use-debounce';
@@ -59,6 +60,53 @@ const getMaxFrom = (compounds: Compounds) => {
 	};
 };
 
+const useCompounds = (
+	props: Readonly<{
+		compounds: Compounds;
+		search: Optional<string>;
+	}>
+) => {
+	const [compounds, setCompounds] = React.useState(props.compounds);
+
+	React.useEffect(() => {
+		setCompounds(
+			props.search
+				.map((value) => {
+					return value.toLowerCase();
+				})
+				.map((value) => {
+					return props.compounds.filter((match) => {
+						const molecularFormulaMatch = match.molecularformula
+							.toLowerCase()
+							.includes(value);
+
+						switch (molecularFormulaMatch) {
+							case true: {
+								return true;
+							}
+							case false: {
+								const nameMatches = match.allnames.filter(
+									(name) => {
+										return name
+											.toLowerCase()
+											.includes(value);
+									}
+								);
+
+								return nameMatches.length;
+							}
+						}
+					});
+				})
+				.unwrapOrElse(() => {
+					return props.compounds;
+				})
+		);
+	}, [props.search]);
+
+	return compounds;
+};
+
 const DirectionPaginationButton = (
 	props: Readonly<{
 		direction: 'left' | 'right';
@@ -209,7 +257,10 @@ const ListOfCompounds = (
 
 	const [debounceSearch] = useDebounce(search, 400);
 
-	const [compounds, setCompounds] = React.useState(props.compounds);
+	const compounds = useCompounds({
+		search,
+		compounds: props.compounds,
+	});
 
 	const fromRow = getMaxFrom(compounds);
 
@@ -236,42 +287,6 @@ const ListOfCompounds = (
 
 	const sliced = compounds.slice(range.start, range.end);
 
-	React.useEffect(() => {
-		setCompounds(
-			search
-				.map((value) => {
-					return value.toLowerCase();
-				})
-				.map((value) => {
-					return props.compounds.filter((match) => {
-						const molecularFormulaMatch = match.molecularformula
-							.toLowerCase()
-							.includes(value);
-
-						switch (molecularFormulaMatch) {
-							case true: {
-								return true;
-							}
-							case false: {
-								const nameMatches = match.allnames.filter(
-									(name) => {
-										return name
-											.toLowerCase()
-											.includes(value);
-									}
-								);
-
-								return nameMatches.length;
-							}
-						}
-					});
-				})
-				.unwrapOrElse(() => {
-					return props.compounds;
-				})
-		);
-	}, [search.unwrapOrGet('')]);
-
 	React.useEffect(() => {
 		debounceSearch.ifSome((search) => {
 			if (oldSearch !== search) {
diff --git a/apps/web/src/web/components/pages/index/common.tsx b/apps/web/src/web/components/pages/index/common.tsx
index b793bda..b4c37da 100644
--- a/apps/web/src/web/components/pages/index/common.tsx
+++ b/apps/web/src/web/components/pages/index/common.tsx
@@ -42,6 +42,8 @@ import { spaceToUnderscore } from '../../../../common/string';
 import { type ClassificationProps } from '../../../../../pages/classifications/[classification]';
 import { type SubshellProps } from '../../../../../pages/subshells/[subshell]';
 
+type NullableString = string | undefined;
+
 type DeviceType = Readonly<{
 	type: 'desktop' | 'tablet' | 'mobile';
 }>;
@@ -400,6 +402,7 @@ const Position = (
 const GenerateMultiSelect = (
 	props: DeepReadonly<{
 		key: string;
+		value: NullableString;
 		kind: string;
 		placeholder: string;
 		options: {
@@ -417,117 +420,123 @@ const GenerateMultiSelect = (
 ) => {
 	const router = useRouter();
 
-	const value = router.query[props.key];
+	const query = router.query[props.key];
 
-	if (Array.isArray(value)) {
-		throw new Error(`Value for "${props.kind}" of "${value}" is an array`);
+	if (Array.isArray(query)) {
+		throw new Error(`Value for "${props.kind}" of "${query}" is an array`);
 	}
 
-	const Component = () => {
-		const ids = {
-			label: `select-field-${props.kind}-label`,
-			button: `select-field-${props.kind}-button`,
-		};
+	const ids = {
+		label: `select-field-${props.kind}-label`,
+		button: `select-field-${props.kind}-button`,
+	};
 
-		return (
-			<FormControl
+	const value = props.options
+		.map(({ id }) => {
+			return id;
+		})
+		.find((id) => {
+			return id === query;
+		});
+
+	const Component = (
+		<FormControl
+			sx={{
+				width: 280,
+			}}
+		>
+			<FormLabel id={ids.label} htmlFor={ids.button}>
+				{capitalize(props.kind)}
+			</FormLabel>
+			<Select
+				value={value ?? null}
+				placeholder={props.placeholder}
+				onChange={(_, value) => {
+					props.onChange({
+						router,
+						value: value ?? undefined,
+					});
+				}}
 				sx={{
-					width: 280,
+					paddingBlock: 0,
 				}}
-			>
-				<FormLabel id={ids.label} htmlFor={ids.button}>
-					{capitalize(props.kind)}
-				</FormLabel>
-				<Select
-					value={value}
-					placeholder={props.placeholder}
-					onChange={(_, value) => {
-						props.onChange({
-							router,
-							value: value ?? undefined,
-						});
-					}}
-					sx={{
-						paddingBlock: 0,
-					}}
-					slotProps={{
-						listbox: {
-							placement: 'bottom-end',
-							sx: {
-								width: '100%',
-								backgroundColor: 'background.level1',
-							},
+				slotProps={{
+					listbox: {
+						placement: 'bottom-end',
+						sx: {
+							width: '100%',
+							backgroundColor: 'background.level1',
 						},
-						button: {
-							id: ids.button,
-							'aria-labelledby': `${ids.label} ${ids.button}`,
-						},
-					}}
-					renderValue={(option) => {
-						return !option ? null : (
-							<Chip
-								key={option.id}
-								variant="soft"
+					},
+					button: {
+						id: ids.button,
+						'aria-labelledby': `${ids.label} ${ids.button}`,
+					},
+				}}
+				renderValue={(option) => {
+					return !option ? null : (
+						<Chip
+							key={option.id}
+							variant="soft"
+							sx={{
+								backgroundColor: 'background.level1',
+							}}
+						>
+							<Typography
+								level="body-sm"
 								sx={{
-									backgroundColor: 'background.level1',
+									color: props.options.find(({ id }) => {
+										return id === option.value;
+									})?.color,
 								}}
 							>
-								<Typography
-									level="body-sm"
+								{option.label}
+							</Typography>
+						</Chip>
+					);
+				}}
+				endDecorator={
+					!value ? undefined : (
+						<IconButton
+							size="sm"
+							variant="plain"
+							color="neutral"
+							onMouseDown={(event) => {
+								event.stopPropagation();
+							}}
+							onClick={() => {
+								props.onChange({
+									value: undefined,
+									router,
+								});
+							}}
+						>
+							<CgClose />
+						</IconButton>
+					)
+				}
+			>
+				{props.options.map((option) => {
+					return (
+						<Option key={option.id} value={option.id}>
+							{!option.color ? null : (
+								<Sheet
 									sx={{
-										color: props.options.find(({ id }) => {
-											return id === option.value;
-										})?.color,
+										backgroundColor: option.color,
+										width: 10,
+										height: 10,
 									}}
-								>
-									{option.label}
-								</Typography>
-							</Chip>
-						);
-					}}
-					endDecorator={
-						!value ? undefined : (
-							<IconButton
-								size="sm"
-								variant="plain"
-								color="neutral"
-								onMouseDown={(event) => {
-									event.stopPropagation();
-								}}
-								onClick={() => {
-									props.onChange({
-										value: undefined,
-										router,
-									});
-								}}
-							>
-								<CgClose />
-							</IconButton>
-						)
-					}
-				>
-					{props.options.map((option) => {
-						return (
-							<Option key={option.id} value={option.id}>
-								{!option.color ? null : (
-									<Sheet
-										sx={{
-											backgroundColor: option.color,
-											width: 10,
-											height: 10,
-										}}
-									/>
-								)}
-								<Typography level="body-sm">
-									{option.label}
-								</Typography>
-							</Option>
-						);
-					})}
-				</Select>
-			</FormControl>
-		);
-	};
+								/>
+							)}
+							<Typography level="body-sm">
+								{option.label}
+							</Typography>
+						</Option>
+					);
+				})}
+			</Select>
+		</FormControl>
+	);
 
 	return {
 		Component,
@@ -535,8 +544,9 @@ const GenerateMultiSelect = (
 	};
 };
 
-const GenerateClassificationSelect = () => {
+const GenerateClassificationSelect = (value: NullableString) => {
 	return GenerateMultiSelect({
+		value,
 		key: 'classification',
 		kind: 'category',
 		placeholder: 'Select a category',
@@ -558,8 +568,9 @@ const GenerateClassificationSelect = () => {
 	});
 };
 
-const GenerateSpdfSelect = () => {
+const GenerateSpdfSelect = (value: NullableString) => {
 	return GenerateMultiSelect({
+		value,
 		key: 'subshell',
 		kind: 'subshell',
 		placeholder: 'Select a subshell',
@@ -582,8 +593,13 @@ const GenerateSpdfSelect = () => {
 };
 
 const Index = (props: ClassificationProps & SubshellProps & DeviceType) => {
-	const ClassificationSelect = GenerateClassificationSelect();
-	const SpdfSelect = GenerateSpdfSelect();
+	const ClassificationSelect = GenerateClassificationSelect(
+		Optional.from(props.classification)
+			.map(transformCategory)
+			.unwrapOrGet(undefined)
+	);
+
+	const SpdfSelect = GenerateSpdfSelect(props.subshell?.subshell);
 
 	const search = useSearch();
 
@@ -620,8 +636,8 @@ const Index = (props: ClassificationProps & SubshellProps & DeviceType) => {
 						xs: 'column',
 					}}
 				>
-					<ClassificationSelect.Component />
-					<SpdfSelect.Component />
+					{ClassificationSelect.Component}
+					{SpdfSelect.Component}
 				</Stack>
 				<Box display="flex" justifyContent="center" alignItems="center">
 					<Position
diff --git a/apps/web/src/web/components/table/element.tsx b/apps/web/src/web/components/table/element.tsx
index 19406aa..29b16e3 100644
--- a/apps/web/src/web/components/table/element.tsx
+++ b/apps/web/src/web/components/table/element.tsx
@@ -3,10 +3,11 @@ import React from 'react';
 import Card from '@mui/joy/Card';
 import CardContent from '@mui/joy/CardContent';
 import Typography, { type TypographyProps } from '@mui/joy/Typography';
+import type { SxProps } from '@mui/joy/styles/types';
 
 import { type DeepReadonly, type Return } from '@poolofdeath20/util';
 
-import useBreakpoint from '../../hooks/break-point';
+import useBreakpoint, { type Breakpoint } from '../../hooks/break-point';
 
 type Color = Readonly<{
 	color: string;
@@ -17,6 +18,30 @@ const EmptyTile = () => {
 	return <div />;
 };
 
+const TileDescription = (
+	props: Readonly<{
+		value: string | number;
+		breakpoint: Breakpoint;
+		sx: SxProps;
+	}>
+) => {
+	const fontSize = {
+		xs: undefined,
+		md: '0.40rem',
+		lg: '0.50rem',
+	} as const satisfies TypographyProps['fontSize'];
+
+	return (
+		<Typography
+			fontSize={fontSize}
+			level={props.breakpoint?.includes('s') ? 'body-lg' : undefined}
+			sx={props.sx}
+		>
+			{props.value}
+		</Typography>
+	);
+};
+
 const Tile = (
 	props: DeepReadonly<{
 		breakpoint: Return<typeof useBreakpoint>;
@@ -37,28 +62,6 @@ const Tile = (
 			: props.color.default.color,
 	};
 
-	const Description = (
-		nestProps: Readonly<{
-			value: string | number;
-		}>
-	) => {
-		const fontSize = {
-			xs: undefined,
-			md: '0.40rem',
-			lg: '0.50rem',
-		} as const satisfies TypographyProps['fontSize'];
-
-		return (
-			<Typography
-				fontSize={fontSize}
-				level={props.breakpoint?.includes('s') ? 'body-lg' : undefined}
-				sx={sx}
-			>
-				{nestProps.value}
-			</Typography>
-		);
-	};
-
 	return (
 		<Card
 			variant="soft"
@@ -79,7 +82,11 @@ const Tile = (
 			}}
 		>
 			<CardContent>
-				<Description value={props.index} />
+				<TileDescription
+					value={props.index}
+					sx={sx}
+					breakpoint={props.breakpoint}
+				/>
 				<Typography
 					level={
 						props.breakpoint?.includes('l')
@@ -92,27 +99,35 @@ const Tile = (
 				>
 					{props.symbol}
 				</Typography>
-				<Description value={props.name} />
-				<Description value={props.mass} />
+				<TileDescription
+					value={props.name}
+					sx={sx}
+					breakpoint={props.breakpoint}
+				/>
+				<TileDescription
+					value={props.mass}
+					sx={sx}
+					breakpoint={props.breakpoint}
+				/>
 			</CardContent>
 		</Card>
 	);
 };
 
-const DemoTile = () => {
-	const Description = (
-		props: Readonly<{
-			value: string;
-		}>
-	) => {
-		return (
-			<Typography color="neutral" fontSize="0.65rem" fontWeight="normal">
-				{' '}
-				({props.value})
-			</Typography>
-		);
-	};
+const DemoTileDescription = (
+	props: Readonly<{
+		value: string;
+	}>
+) => {
+	return (
+		<Typography color="neutral" fontSize="0.65rem" fontWeight="normal">
+			{' '}
+			({props.value})
+		</Typography>
+	);
+};
 
+const DemoTile = () => {
 	return (
 		<Card
 			variant="soft"
@@ -123,23 +138,36 @@ const DemoTile = () => {
 		>
 			<CardContent>
 				<Typography level="body-md">
-					10 <Description value="index" />
+					10 <DemoTileDescription value="index" />
 				</Typography>
 				<Typography level="h2">
 					Ne
-					<Description value="symbol" />
+					<DemoTileDescription value="symbol" />
 				</Typography>
 				<Typography level="body-md">
-					Neon <Description value="name" />
+					Neon <DemoTileDescription value="name" />
 				</Typography>
 				<Typography level="body-md">
-					20.17976 <Description value="mass" />
+					20.17976 <DemoTileDescription value="mass" />
 				</Typography>
 			</CardContent>
 		</Card>
 	);
 };
 
+const BigTileDescription = (
+	props: Readonly<{
+		value: string | number;
+		sx: SxProps;
+	}>
+) => {
+	return (
+		<Typography level="body-lg" sx={props.sx}>
+			{props.value}
+		</Typography>
+	);
+};
+
 const BigTile = (
 	props: DeepReadonly<{
 		index: number;
@@ -153,18 +181,6 @@ const BigTile = (
 		color: 'background.level1',
 	} as const satisfies TypographyProps['sx'];
 
-	const Description = (
-		props: Readonly<{
-			value: string | number;
-		}>
-	) => {
-		return (
-			<Typography level="body-lg" sx={sx}>
-				{props.value}
-			</Typography>
-		);
-	};
-
 	return (
 		<Card
 			variant="soft"
@@ -176,17 +192,29 @@ const BigTile = (
 			}}
 		>
 			<CardContent>
-				<Description value={props.index} />
+				<BigTileDescription value={props.index} sx={sx} />
 				<Typography level="h2" sx={sx}>
 					{props.symbol}
 				</Typography>
-				<Description value={props.name} />
-				<Description value={props.mass} />
+				<BigTileDescription value={props.name} sx={sx} />
+				<BigTileDescription value={props.mass} sx={sx} />
 			</CardContent>
 		</Card>
 	);
 };
 
+const ErrorTileDescription = (
+	props: Readonly<{
+		value: string | number;
+	}>
+) => {
+	return (
+		<Typography level="h4" color="neutral">
+			{props.value}
+		</Typography>
+	);
+};
+
 const ErrorTile = (
 	props: DeepReadonly<{
 		index: number;
@@ -195,18 +223,6 @@ const ErrorTile = (
 		mass: number;
 	}>
 ) => {
-	const Description = (
-		props: Readonly<{
-			value: string | number;
-		}>
-	) => {
-		return (
-			<Typography level="h4" color="neutral">
-				{props.value}
-			</Typography>
-		);
-	};
-
 	return (
 		<Card
 			variant="soft"
@@ -216,12 +232,12 @@ const ErrorTile = (
 			}}
 		>
 			<CardContent>
-				<Description value={props.index} />
+				<ErrorTileDescription value={props.index} />
 				<Typography level="h1" fontSize="2.5em">
 					{props.symbol}
 				</Typography>
-				<Description value={props.name} />
-				<Description value={props.mass} />
+				<ErrorTileDescription value={props.name} />
+				<ErrorTileDescription value={props.mass} />
 			</CardContent>
 		</Card>
 	);
diff --git a/apps/web/src/web/hooks/break-point.ts b/apps/web/src/web/hooks/break-point.ts
index 1967f05..14504f8 100644
--- a/apps/web/src/web/hooks/break-point.ts
+++ b/apps/web/src/web/hooks/break-point.ts
@@ -1,9 +1,11 @@
 import { useTheme } from '@mui/joy/styles';
 
-import { Defined, equalTo } from '@poolofdeath20/util';
+import { Defined, equalTo, type Return } from '@poolofdeath20/util';
 
 import { useWidth } from './dimension';
 
+type Breakpoint = Return<typeof useBreakpoint>;
+
 const useBreakpoint = () => {
 	const theme = useTheme();
 
@@ -28,4 +30,6 @@ const useBreakpoint = () => {
 	);
 };
 
+export type { Breakpoint };
+
 export default useBreakpoint;
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/actinium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/actinium.png
index ac8efd9..5d95570 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/actinium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/actinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png
index 97fde7d..108c1e1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/aluminium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/americium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/americium.png
index d71e6c1..9ed4aed 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/americium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/americium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/antimony.png b/apps/web/test/snapshot/snapshot-images/pc/elements/antimony.png
index 836e7c5..18aaa08 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/antimony.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/antimony.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png
index 89f5d26..c08e946 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/argon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png b/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png
index b217f07..6c93e2e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/arsenic.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/astatine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/astatine.png
index ba1a40f..82b51cf 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/astatine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/astatine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/barium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/barium.png
index b937d44..dde6012 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/barium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/barium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png
index 4525283..2f5cc8f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/berkelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/beryllium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/beryllium.png
index fd72304..a008741 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/beryllium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/beryllium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png b/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png
index 91e4d61..9ed19db 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/bismuth.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/bohrium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/bohrium.png
index d1ea112..842ae84 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/bohrium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/bohrium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/boron.png b/apps/web/test/snapshot/snapshot-images/pc/elements/boron.png
index 5d00815..e21621f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/boron.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/boron.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/bromine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/bromine.png
index a7aacc3..7674a0f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/bromine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/bromine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png
index 2b1eb8c..b4c8ddd 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/cadmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png
index c2daae2..0194ca9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/calcium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/californium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/californium.png
index d5c5d82..917951a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/californium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/californium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png
index f81a78b..3ec92e4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/carbon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/cerium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/cerium.png
index 1eb8edf..a29de5b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/cerium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/cerium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/cesium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/cesium.png
index f2860fd..e9985c8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/cesium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/cesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png
index 0da9542..ddcff5c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/chlorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/chromium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/chromium.png
index dcb9853..f0c7e37 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/chromium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/chromium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/cobalt.png b/apps/web/test/snapshot/snapshot-images/pc/elements/cobalt.png
index 0c6a12d..bb07d50 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/cobalt.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/cobalt.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/copernicium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/copernicium.png
index 4744b13..545b918 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/copernicium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/copernicium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/copper.png b/apps/web/test/snapshot/snapshot-images/pc/elements/copper.png
index 29ad852..5d5d032 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/copper.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/copper.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/curium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/curium.png
index cc5adc9..a96021d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/curium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/curium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/darmstadtium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/darmstadtium.png
index 36d8451..24b260a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/darmstadtium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/darmstadtium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/dubnium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/dubnium.png
index e189293..933a437 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/dubnium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/dubnium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/dysprosium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/dysprosium.png
index afe2f22..4e04a4a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/dysprosium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/dysprosium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/einsteinium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/einsteinium.png
index 42b8fa9..80ed726 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/einsteinium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/einsteinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/erbium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/erbium.png
index 5c5d6e5..3793a83 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/erbium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/erbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/europium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/europium.png
index a726e9a..ad2d3cb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/europium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/europium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/fermium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/fermium.png
index fc5aae4..536b0be 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/fermium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/fermium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/flerovium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/flerovium.png
index e6b05aa..f4761cc 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/flerovium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/flerovium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/fluorine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/fluorine.png
index 858dfbb..5549219 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/fluorine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/fluorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/francium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/francium.png
index f6c3262..ff6d2f3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/francium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/francium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/gadolinium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/gadolinium.png
index 04ca902..f4d02bf 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/gadolinium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/gadolinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/gallium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/gallium.png
index 24e7bc2..269721b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/gallium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/gallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/germanium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/germanium.png
index fd676ac..1d5fce7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/germanium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/germanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/gold.png b/apps/web/test/snapshot/snapshot-images/pc/elements/gold.png
index 1a7a27f..50b887a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/gold.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/gold.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/hafnium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/hafnium.png
index 39534f6..5770f2d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/hafnium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/hafnium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/hassium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/hassium.png
index 792df6f..d9e5d26 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/hassium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/hassium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png
index 561abf6..88e2e0a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/helium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/holmium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/holmium.png
index c375307..6266532 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/holmium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/holmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png
index 8ce6847..1b3731e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/hydrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/indium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/indium.png
index 54206d3..cccb586 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/indium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/indium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/iodine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/iodine.png
index 1dae1cb..6f3ad5f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/iodine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/iodine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/iridium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/iridium.png
index faba929..d89a5d4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/iridium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/iridium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/iron.png b/apps/web/test/snapshot/snapshot-images/pc/elements/iron.png
index 53b89c3..506aa8e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/iron.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/iron.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png b/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png
index f509204..b1f28b4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/krypton.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/lanthanum.png b/apps/web/test/snapshot/snapshot-images/pc/elements/lanthanum.png
index 2a18733..035ce4c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/lanthanum.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/lanthanum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/lawrencium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/lawrencium.png
index 34dcecd..982b50d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/lawrencium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/lawrencium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/lead.png b/apps/web/test/snapshot/snapshot-images/pc/elements/lead.png
index ca8c6cb..bec48cb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/lead.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/lead.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/lithium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/lithium.png
index c798b95..e29240f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/lithium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/lithium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/livermorium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/livermorium.png
index 75c853e..e808ebc 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/livermorium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/livermorium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/lutetium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/lutetium.png
index 35668d7..b382378 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/lutetium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/lutetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/magnesium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/magnesium.png
index bc440b1..6654a02 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/magnesium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/magnesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/manganese.png b/apps/web/test/snapshot/snapshot-images/pc/elements/manganese.png
index 9a507e5..d681e09 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/manganese.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/manganese.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/meitnerium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/meitnerium.png
index 299c889..fcc54c5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/meitnerium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/meitnerium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/mendelevium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/mendelevium.png
index eaaf271..912336a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/mendelevium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/mendelevium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png b/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png
index 163fce5..58e9337 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/mercury.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/molybdenum.png b/apps/web/test/snapshot/snapshot-images/pc/elements/molybdenum.png
index 51980f4..162ac76 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/molybdenum.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/molybdenum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/moscovium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/moscovium.png
index 74be35d..3713d10 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/moscovium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/moscovium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/neodymium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/neodymium.png
index 01f4e5d..ddb33e7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/neodymium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/neodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png
index fe9746a..5d0353c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/neon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/neptunium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/neptunium.png
index 65c1bbf..c326c36 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/neptunium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/neptunium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/nickel.png b/apps/web/test/snapshot/snapshot-images/pc/elements/nickel.png
index 5168d2f..e797880 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/nickel.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/nickel.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/nihonium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/nihonium.png
index 31c8f33..7cc5e7f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/nihonium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/nihonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/niobium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/niobium.png
index 621958d..1499a18 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/niobium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/niobium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png
index 9203f28..c908f3c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/nitrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/nobelium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/nobelium.png
index 706182e..26fbf84 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/nobelium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/nobelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/oganesson.png b/apps/web/test/snapshot/snapshot-images/pc/elements/oganesson.png
index d9d8294..ea7d505 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/oganesson.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/oganesson.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/osmium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/osmium.png
index 83dc1e4..2effc33 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/osmium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/osmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png b/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png
index d3cfb4b..5979a3c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/oxygen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/palladium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/palladium.png
index 97c8828..8b50873 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/palladium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/palladium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png b/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png
index 316e95c..c42c99a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/phosphorus.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/platinum.png b/apps/web/test/snapshot/snapshot-images/pc/elements/platinum.png
index 2884ab7..6ae56e9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/platinum.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/platinum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/plutonium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/plutonium.png
index d5f8a43..adf62e2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/plutonium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/plutonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/polonium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/polonium.png
index 907b7e5..c2ff1a7 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/polonium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/polonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/potassium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/potassium.png
index 3108669..fda4a27 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/potassium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/potassium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/praseodymium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/praseodymium.png
index 7ce796e..5a09c97 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/praseodymium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/praseodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/promethium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/promethium.png
index e4fac12..6335df9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/promethium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/promethium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/protactinium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/protactinium.png
index 44755e8..6a12a68 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/protactinium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/protactinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/radium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/radium.png
index 1ec79d1..8ae2ff1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/radium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/radium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/radon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/radon.png
index 099f57b..01bbf70 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/radon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/radon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png
index d5d4bec..50e81b5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/rhenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/rhodium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/rhodium.png
index 19c70cc..7da00bb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/rhodium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/rhodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/roentgenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/roentgenium.png
index e1950d9..98778b1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/roentgenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/roentgenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/rubidium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/rubidium.png
index 111a780..3cd6b17 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/rubidium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/rubidium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/ruthenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/ruthenium.png
index 34db3e9..da24d36 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/ruthenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/ruthenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/rutherfordium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/rutherfordium.png
index 52c8073..1c6f1c0 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/rutherfordium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/rutherfordium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/samarium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/samarium.png
index 9ce1f09..0ef7d12 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/samarium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/samarium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/scandium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/scandium.png
index 11a93b6..8cf9c3b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/scandium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/scandium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/seaborgium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/seaborgium.png
index 348ae0b..a798149 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/seaborgium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/seaborgium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png
index e0fc554..4a9e49a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/selenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/silicon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/silicon.png
index a5cfd06..7ede9d8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/silicon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/silicon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png b/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png
index 009b076..8a9ddcb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/silver.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/sodium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/sodium.png
index 72fab51..78af12f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/sodium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/sodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/strontium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/strontium.png
index db178a6..ae99123 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/strontium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/strontium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png b/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png
index e41f0cc..2228bb5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/sulfur.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tantalum.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tantalum.png
index 89cc76a..8a2f450 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tantalum.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tantalum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/technetium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/technetium.png
index ff594dd..5659696 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/technetium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/technetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tellurium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tellurium.png
index d357379..bcfec10 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tellurium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tellurium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tennessine.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tennessine.png
index 0ae17e8..c8e3f4e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tennessine.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tennessine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/terbium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/terbium.png
index 67fd227..e797c96 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/terbium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/terbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/thallium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/thallium.png
index f3a4dc1..e56b143 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/thallium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/thallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/thorium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/thorium.png
index 4f2f180..ee86b00 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/thorium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/thorium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/thulium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/thulium.png
index 376c016..5e1411b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/thulium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/thulium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png
index 74812a3..a5fde95 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tin.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/titanium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/titanium.png
index 5884b9b..1127908 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/titanium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/titanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/tungsten.png b/apps/web/test/snapshot/snapshot-images/pc/elements/tungsten.png
index e877658..75f7b65 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/tungsten.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/tungsten.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/uranium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/uranium.png
index 874be93..0d6b988 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/uranium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/uranium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/vanadium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/vanadium.png
index 8910e8b..962e984 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/vanadium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/vanadium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png b/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png
index c8aeea2..fbfe48d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/xenon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/ytterbium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/ytterbium.png
index ddc9e2e..0678868 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/ytterbium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/ytterbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/yttrium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/yttrium.png
index a753540..8194444 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/yttrium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/yttrium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/zinc.png b/apps/web/test/snapshot/snapshot-images/pc/elements/zinc.png
index 103974d..6afe965 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/zinc.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/zinc.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png b/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png
index cdf9732..5ba7cc4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png and b/apps/web/test/snapshot/snapshot-images/pc/elements/zirconium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/actinium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/actinium.png
index a937dab..af22b64 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/actinium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/actinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png
index ab02ae2..57e8e93 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/aluminium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/americium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/americium.png
index 6916116..9cd833d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/americium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/americium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/antimony.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/antimony.png
index 8bb9bb3..e73b707 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/antimony.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/antimony.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png
index c317afd..652b9c9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/argon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png
index b304be3..3a12689 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/arsenic.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/astatine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/astatine.png
index 32e6e71..fa3e4ac 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/astatine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/astatine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/barium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/barium.png
index 50e128c..15c04f3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/barium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/barium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png
index 59b0926..2b96505 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/berkelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/beryllium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/beryllium.png
index 7bdb489..11aec77 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/beryllium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/beryllium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png
index 33c1bf4..6ca223c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/bismuth.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/bohrium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/bohrium.png
index 0e9e93c..207b0ec 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/bohrium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/bohrium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/boron.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/boron.png
index 91d1660..d9d2084 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/boron.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/boron.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/bromine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/bromine.png
index 6141cfe..b509f58 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/bromine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/bromine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png
index 1d62fb9..45c804d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/cadmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png
index a26b08f..97c11f0 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/calcium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/californium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/californium.png
index 4ff05ce..6c71015 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/californium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/californium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png
index 7dfe5cd..2bde2f5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/carbon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/cerium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/cerium.png
index aabee2d..c83bc3c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/cerium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/cerium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/cesium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/cesium.png
index b707dff..03e5ce1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/cesium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/cesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png
index c517fee..94ceaa3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/chlorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/chromium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/chromium.png
index c79d023..92d1985 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/chromium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/chromium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/cobalt.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/cobalt.png
index f78ed32..74b9b9f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/cobalt.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/cobalt.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/copernicium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/copernicium.png
index e6cacca..2b8dc7e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/copernicium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/copernicium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/copper.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/copper.png
index e3857f6..67f6c58 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/copper.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/copper.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/curium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/curium.png
index 5820983..c5e4954 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/curium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/curium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/darmstadtium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/darmstadtium.png
index 2bd6563..68149a0 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/darmstadtium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/darmstadtium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/dubnium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/dubnium.png
index 879917e..008f0e1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/dubnium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/dubnium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/dysprosium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/dysprosium.png
index 925fe3e..7889c7c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/dysprosium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/dysprosium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/einsteinium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/einsteinium.png
index 15d8ab1..f9db8c4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/einsteinium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/einsteinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/erbium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/erbium.png
index 26bcb13..519331d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/erbium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/erbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/europium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/europium.png
index 8220f74..eb8dae8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/europium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/europium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/fermium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/fermium.png
index 2bda365..38e1efb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/fermium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/fermium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/flerovium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/flerovium.png
index 2ea59e2..691d6d6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/flerovium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/flerovium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/fluorine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/fluorine.png
index 5d9cd6a..c34aed4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/fluorine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/fluorine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/francium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/francium.png
index 6074562..7339833 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/francium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/francium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/gadolinium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/gadolinium.png
index 5f39ac4..6889d45 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/gadolinium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/gadolinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/gallium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/gallium.png
index 22f1085..3874014 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/gallium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/gallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/germanium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/germanium.png
index 04b0ff5..88e4639 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/germanium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/germanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/gold.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/gold.png
index 5ccd1e9..ebe17c2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/gold.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/gold.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/hafnium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/hafnium.png
index f8181c0..03d67b9 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/hafnium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/hafnium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/hassium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/hassium.png
index 1acfdc0..5cd9b6f 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/hassium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/hassium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png
index 307ced4..25e3edf 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/helium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/holmium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/holmium.png
index 9ac4d31..cd249af 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/holmium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/holmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png
index 19eab4c..cf83668 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/hydrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/indium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/indium.png
index 147bf06..ae50a50 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/indium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/indium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/iodine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/iodine.png
index 91b5ab9..5e9bfa6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/iodine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/iodine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/iridium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/iridium.png
index f5bb4d7..4eb4018 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/iridium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/iridium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/iron.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/iron.png
index 7acfedc..5557444 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/iron.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/iron.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png
index 023c675..55b4082 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/krypton.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/lanthanum.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/lanthanum.png
index 6fe2d45..6167e56 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/lanthanum.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/lanthanum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/lawrencium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/lawrencium.png
index 4ed673a..85327ac 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/lawrencium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/lawrencium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/lead.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/lead.png
index 169f0b0..a9b28ec 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/lead.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/lead.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/lithium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/lithium.png
index 362380c..faf4306 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/lithium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/lithium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/livermorium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/livermorium.png
index 55f121f..9c21464 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/livermorium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/livermorium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/lutetium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/lutetium.png
index 75bc583..412eab5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/lutetium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/lutetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/magnesium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/magnesium.png
index 76cf714..e7e0f77 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/magnesium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/magnesium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/manganese.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/manganese.png
index 5ffd1ca..5d202b6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/manganese.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/manganese.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/meitnerium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/meitnerium.png
index 60af51f..0efb820 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/meitnerium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/meitnerium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/mendelevium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/mendelevium.png
index b4b20ab..55fe1eb 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/mendelevium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/mendelevium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png
index ac80629..e25e54a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/mercury.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/molybdenum.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/molybdenum.png
index 5e29394..8014175 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/molybdenum.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/molybdenum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/moscovium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/moscovium.png
index ca812b4..ff06c76 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/moscovium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/moscovium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/neodymium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/neodymium.png
index 8a1d000..87ed9a6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/neodymium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/neodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png
index 493e275..0dcf6b4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/neon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/neptunium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/neptunium.png
index e83e1b2..e1a04d2 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/neptunium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/neptunium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/nickel.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/nickel.png
index edd70e9..319d4a6 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/nickel.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/nickel.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/nihonium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/nihonium.png
index 32aceb9..bc59324 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/nihonium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/nihonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/niobium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/niobium.png
index a3b6585..860e6ac 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/niobium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/niobium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png
index 069444a..2303e2d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/nitrogen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/nobelium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/nobelium.png
index b148f43..9d67a58 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/nobelium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/nobelium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/oganesson.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/oganesson.png
index a7476be..4875c35 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/oganesson.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/oganesson.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/osmium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/osmium.png
index 5c8ef32..8f59252 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/osmium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/osmium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png
index 6afdfac..1cd6952 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/oxygen.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/palladium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/palladium.png
index 62d6139..1abc506 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/palladium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/palladium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png
index d152fbd..164c89d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/phosphorus.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/platinum.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/platinum.png
index 34cae27..a5614e5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/platinum.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/platinum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/plutonium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/plutonium.png
index 69e2379..55b9ebc 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/plutonium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/plutonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/polonium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/polonium.png
index 096d4a3..8656e9e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/polonium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/polonium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/potassium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/potassium.png
index 51a5651..9cde1df 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/potassium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/potassium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/praseodymium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/praseodymium.png
index 2f8133d..09c1be4 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/praseodymium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/praseodymium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/promethium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/promethium.png
index b7fb5dd..4d7c29e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/promethium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/promethium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/protactinium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/protactinium.png
index db2947a..3048c49 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/protactinium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/protactinium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/radium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/radium.png
index 7a746e7..1b144d1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/radium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/radium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/radon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/radon.png
index d9e6129..b5eaf1b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/radon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/radon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png
index b8c6a7f..456ec57 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhodium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhodium.png
index 3fa718b..9a28f9b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/rhodium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/rhodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/roentgenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/roentgenium.png
index efa1249..40f6ce5 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/roentgenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/roentgenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/rubidium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/rubidium.png
index 51bf320..24adb30 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/rubidium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/rubidium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/ruthenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/ruthenium.png
index cf3e850..37c149a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/ruthenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/ruthenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/rutherfordium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/rutherfordium.png
index 5075c36..fc0f233 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/rutherfordium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/rutherfordium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/samarium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/samarium.png
index 2d022d5..aaf6dc8 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/samarium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/samarium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/scandium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/scandium.png
index bc9069c..cf9821a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/scandium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/scandium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/seaborgium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/seaborgium.png
index a73a56f..39f6c3a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/seaborgium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/seaborgium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png
index bafe09c..4a0b92e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/selenium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/silicon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/silicon.png
index d5fe7e4..d39084a 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/silicon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/silicon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png
index 10243da..ad1d63e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/silver.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/sodium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/sodium.png
index e4dd66b..c43927c 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/sodium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/sodium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/strontium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/strontium.png
index 6cd42aa..4987a86 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/strontium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/strontium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png
index 1f8ecb0..0904c39 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/sulfur.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tantalum.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tantalum.png
index efce9ae..b57c7e1 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tantalum.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tantalum.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/technetium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/technetium.png
index 5d66e70..79cfb1b 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/technetium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/technetium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tellurium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tellurium.png
index 6ee384e..f72b733 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tellurium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tellurium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tennessine.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tennessine.png
index dbb0662..d75a688 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tennessine.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tennessine.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/terbium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/terbium.png
index 3baff04..4912554 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/terbium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/terbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/thallium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/thallium.png
index 8a82b45..80cbd3e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/thallium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/thallium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/thorium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/thorium.png
index 249cee8..5234c74 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/thorium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/thorium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/thulium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/thulium.png
index 2ac2f03..e0e283e 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/thulium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/thulium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png
index d5d677b..160fb5d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tin.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/titanium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/titanium.png
index 308c868..00786ce 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/titanium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/titanium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/tungsten.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/tungsten.png
index 4f3491d..662bafc 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/tungsten.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/tungsten.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/uranium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/uranium.png
index 39c87f3..a11a136 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/uranium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/uranium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/vanadium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/vanadium.png
index 1e5e6ad..3224d3d 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/vanadium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/vanadium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png
index 541655e..f7beb58 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/xenon.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/ytterbium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/ytterbium.png
index d6d5872..ef91666 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/ytterbium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/ytterbium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/yttrium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/yttrium.png
index 8ca7c8c..89b9d25 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/yttrium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/yttrium.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/zinc.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/zinc.png
index d15f584..8218a00 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/zinc.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/zinc.png differ
diff --git a/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png b/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png
index ee02378..d2b9ce3 100644
Binary files a/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png and b/apps/web/test/snapshot/snapshot-images/tablet/elements/zirconium.png differ