diff --git a/src/lib/components/HoverIcon.svelte b/src/lib/components/HoverIcon.svelte
index 58d0bc0..bd0e374 100644
--- a/src/lib/components/HoverIcon.svelte
+++ b/src/lib/components/HoverIcon.svelte
@@ -13,7 +13,11 @@
 	}
 </script>
 
-<span class="{className} {black ? 'fill-slate-950' : 'fill-slate-50'} hover-icon">
+<span
+	class="{className} {black ? 'fill-slate-950' : 'fill-slate-50'} hover-icon"
+	style:width="{size}px"
+	style:height="{size}px"
+>
 	{#if src}
 		{#if isUrl(src)}
 			<img {src} {alt} width={size} height={size} />
@@ -29,7 +33,7 @@
 	@import '$src/app.css';
 
 	.hover-icon {
-		@apply text-sm uppercase transition-all;
+		@apply block text-sm uppercase transition-all;
 
 		img {
 			margin: 0;