From c2fd4bbb62ad8114604d02aec5a04b34bb659117 Mon Sep 17 00:00:00 2001
From: Adam Antal <adoantal@gmail.com>
Date: Fri, 29 Dec 2023 13:23:28 +0100
Subject: [PATCH] Remove media query from arrow-button class as it's handled by
 the mixin

.. @mixin _icon-arrow-animated
---
 src/stories/Library/Arrows/arrows.scss                        | 4 ----
 .../Lists/list-reservation/ListReservationsAndLoans.tsx       | 4 +++-
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/stories/Library/Arrows/arrows.scss b/src/stories/Library/Arrows/arrows.scss
index 3931ea844..2ababd22f 100644
--- a/src/stories/Library/Arrows/arrows.scss
+++ b/src/stories/Library/Arrows/arrows.scss
@@ -47,8 +47,4 @@
   // This width mimics what the expanded svg width. The class is intended to be
   // used when the arrow needs to be within a button so they look the same.
   width: 101px;
-
-  @include media-query__small {
-    display: none;
-  }
 }
diff --git a/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx b/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx
index a9c76e768..b527f2bca 100644
--- a/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx
+++ b/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx
@@ -103,7 +103,9 @@ export const ListReservationsAndLoans = (
               <p className="text-body-medium-medium">Gebyr {fee},-</p>
             </div>
           ) : null}
-          <ArrowSmallRight />
+          <button type="button" className="arrow-button">
+            <ArrowSmallRight />
+          </button>
         </div>
       </div>
     </div>