fix(#2317): fix outline for iphone se

package-lock.json

@@ -16,6 +16,8 @@
         "hls.js": "^0.14.15",
         "lodash": "^4.17.15",
         "m3u8-parser": "^4.7.0",
+        "mobx": "^6.5.0",
+        "mobx-react": "^7.3.0",
         "oidc-client": "^1.11.5",
         "react": "^17.0.2",
         "react-datepicker": "^3.1.3",
@@ -22946,6 +22948,60 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mobx": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.5.0.tgz",
+      "integrity": "sha512-pHZ/cySF00FVENDWIDzJyoObFahK6Eg4d0papqm6d7yMkxWTZ/S/csqJX1A3PsYy4t5k3z2QnlwuCfMW5lSEwA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      }
+    },
+    "node_modules/mobx-react": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/mobx-react/-/mobx-react-7.3.0.tgz",
+      "integrity": "sha512-RGEcwZokopqyJE5JPwXKB9FWMSqFM9NJVO2QPI+z6laJTJeBHqvPicjnKgY5mvihxTeXB1+72TnooqUePeGV1g==",
+      "dependencies": {
+        "mobx-react-lite": "^3.3.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      },
+      "peerDependencies": {
+        "mobx": "^6.1.0",
+        "react": "^16.8.0 || ^17"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mobx-react-lite": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-3.3.0.tgz",
+      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      },
+      "peerDependencies": {
+        "mobx": "^6.1.0",
+        "react": "^16.8.0 || ^17"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -50764,7 +50820,8 @@
     "mobx-react-lite": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-3.3.0.tgz",
-      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA=="
+      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA==",
+      "requires": {}
     },
     "move-concurrently": {
       "version": "1.0.1",

src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx

@@ -41,6 +41,7 @@ export const CardWrapper = styled.div`
   cursor: pointer;
   ${isMobileDevice
     ? css`
+        padding-bottom: 0;
         position: static;
         display: flex;
         width: 100%;

src/features/TournamentList/components/Tournament/styled.tsx

@@ -16,6 +16,7 @@ export const CardWrapperOuter = styled.li.attrs({
         width: 100%;
         padding-top: 0;
         margin-bottom: 5px;
+        outline: none;
         }
       `
     : ''};