diff --git a/src/components/Scroller.svelte b/src/components/Scroller.svelte
index 6b00615..20f9206 100644
--- a/src/components/Scroller.svelte
+++ b/src/components/Scroller.svelte
@@ -6,7 +6,7 @@
     export let things = [];
 </script>
 
-<div class="flex flex-row gap-3 overflow-auto px-8 py-7">
+<div class="flex flex-row space-x-3 overflow-auto px-8 py-7">
     {#each things as thing}
         <div>
             <Card height="24" width="24">
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index c055fd4..462e8c5 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -24,12 +24,14 @@
 
 		.hovers {
 			box-shadow: 2px 2px 0 #000000;
+			-webkit-box-shadow: 2px 2px 0px 0px #000000;
 			@apply transform duration-200;
 		}
 
 		.hovers:focus,
 		.hovers:hover {
 			box-shadow: 4px 4px 0 #000000;
+			-webkit-box-shadow: 4px 4px 0px 0px #000000;
 			@apply scale-105;
 		}
 	}