fix: cropped cookie banner on mobile

research-software-directory · Oct 28, 2022 · c55856b · c55856b
1 parent 6b140a3
commit c55856b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/components/cookies/CookieConsentMatomo.tsx b/frontend/components/cookies/CookieConsentMatomo.tsx
@@ -52,8 +52,8 @@ export default function CookieConsentMatomo({matomo, route}: CookieConsentMatomo
       className="fixed bottom-0 right-0 animated animatedFadeInUp fadeInUp"
       data-testid="cookie-consent-matomo"
     >
-      <div className="container mx-auto px-20 ">
-          <div className="border border-b-base-content border-t-4 border-x-4 border-b-0 w-96 bg-white shadow-lg p-6 rounded-tr-3xl">
+      <div className="container mx-auto sm:px-20">
+          <div className="border border-b-base-content border-t-4 border-x-4 border-b-0 bg-white shadow-lg p-6 rounded-tr-3xl sm:w-96">
             <div className="w-16 mx-auto relative  mb-3">
               <CookieTwoToneIcon className="scale-[2]  mb-3" color="primary" fontSize="large"/>
             </div>