diff --git a/src/App.css b/src/App.css
index 72417f0..d8a50f7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -156,6 +156,14 @@
outline-offset: 2px;
}
+ input:focus-visible,
+ select:focus-visible,
+ button:focus-visible,
+ a:focus-visible {
+ outline: 3px solid #74070E;
+ outline-offset: 3px;
+}
+
.rating {
margin-top: 14px;
}
diff --git a/src/components/AlbumCard/AlbumCard.css b/src/components/AlbumCard/AlbumCard.css
index 435a35b..4e3ab3d 100644
--- a/src/components/AlbumCard/AlbumCard.css
+++ b/src/components/AlbumCard/AlbumCard.css
@@ -24,15 +24,6 @@
outline-offset: 4px;
}
-.album-card:hover {
- transform: translateY(-4px);
-}
-
-.album-card:focus-visible {
- outline: 2px solid #74070E;
- outline-offset: 4px;
-}
-
.album-image {
display: block;
width: 100%;
diff --git a/src/components/AlbumCard/AlbumCard.tsx b/src/components/AlbumCard/AlbumCard.tsx
index 2ed7fac..560440c 100644
--- a/src/components/AlbumCard/AlbumCard.tsx
+++ b/src/components/AlbumCard/AlbumCard.tsx
@@ -17,7 +17,7 @@ function AlbumCard({ album }: AlbumCardProps) {
) : (
diff --git a/src/components/FilterControls/FilterControls.tsx b/src/components/FilterControls/FilterControls.tsx
index bcff5fd..c46d412 100644
--- a/src/components/FilterControls/FilterControls.tsx
+++ b/src/components/FilterControls/FilterControls.tsx
@@ -19,22 +19,24 @@ function FilterControls({
}: FilterControlsProps) {
return (
<>
-
+
-
+