diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
index 4974a70..b540523 100644
--- a/src/lib/components/Card.svelte
+++ b/src/lib/components/Card.svelte
@@ -3,8 +3,8 @@ export let recipe
export let current_month
export let icon_override = false;
export let search = "search_me"
-import "$lib/css/icon.css";
import "$lib/css/shake.css";
+import "$lib/css/icon.css";
if(icon_override){
current_month = recipe.season[0]
diff --git a/src/lib/components/EditRecipe.svelte b/src/lib/components/EditRecipe.svelte
index 7ac7295..43fa203 100644
--- a/src/lib/components/EditRecipe.svelte
+++ b/src/lib/components/EditRecipe.svelte
@@ -3,6 +3,7 @@
import Cross from '$lib/assets/icons/Cross.svelte';
import SeasonSelect from '$lib/components/SeasonSelect.svelte';
import '$lib/css/action_button.css'
+ import '$lib/css/shake.css'
import { redirect } from '@sveltejs/kit';
import { RecipeModelType } from '../../types/types';
diff --git a/src/lib/components/IconLayout.svelte b/src/lib/components/IconLayout.svelte
index 439bcaf..97cfbac 100644
--- a/src/lib/components/IconLayout.svelte
+++ b/src/lib/components/IconLayout.svelte
@@ -14,7 +14,9 @@
border-radius: 1000px;
box-shadow: 0em 0em 0.5em 0.2em rgba(0, 0, 0, 0.2);
}
- a:hover{
+ a:hover,
+ a:focus-visible
+ {
--angle: 15deg;
animation: shake 0.5s ease forwards;
}
diff --git a/src/lib/components/MediaScroller.svelte b/src/lib/components/MediaScroller.svelte
index e68c2d2..6224960 100644
--- a/src/lib/components/MediaScroller.svelte
+++ b/src/lib/components/MediaScroller.svelte
@@ -1,5 +1,5 @@