diff --git a/package-lock.json b/package-lock.json
index 9b7f1bd..b5bf960 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "date-fns": "^2.29.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-qrcode-logo": "^2.7.0",
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
         "typescript": "^4.7.4",
@@ -11972,6 +11973,11 @@
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
+    },
     "node_modules/lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -14238,6 +14244,11 @@
         "teleport": ">=0.2.0"
       }
     },
+    "node_modules/qrcode-generator": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/qrcode-generator/-/qrcode-generator-1.4.4.tgz",
+      "integrity": "sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw=="
+    },
     "node_modules/qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -14505,6 +14516,19 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "node_modules/react-qrcode-logo": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/react-qrcode-logo/-/react-qrcode-logo-2.7.0.tgz",
+      "integrity": "sha512-79Ce+1GlETAbu8fQGAoHczjvXjsm044+FeVAutu9lwJ/w0hRKRRPPHQRkPmXZK4aPi/H9Fqv+7P29VYQ9Yo2dA==",
+      "dependencies": {
+        "lodash.isequal": "^4.5.0",
+        "qrcode-generator": "^1.4.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.4.1",
+        "react-dom": ">=16.4.1"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -25820,6 +25844,11 @@
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
       "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
     },
+    "lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
+    },
     "lodash.memoize": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
@@ -27273,6 +27302,11 @@
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
       "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw=="
     },
+    "qrcode-generator": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/qrcode-generator/-/qrcode-generator-1.4.4.tgz",
+      "integrity": "sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw=="
+    },
     "qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -27464,6 +27498,15 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "react-qrcode-logo": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/react-qrcode-logo/-/react-qrcode-logo-2.7.0.tgz",
+      "integrity": "sha512-79Ce+1GlETAbu8fQGAoHczjvXjsm044+FeVAutu9lwJ/w0hRKRRPPHQRkPmXZK4aPi/H9Fqv+7P29VYQ9Yo2dA==",
+      "requires": {
+        "lodash.isequal": "^4.5.0",
+        "qrcode-generator": "^1.4.1"
+      }
+    },
     "react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
diff --git a/package.json b/package.json
index 01baddf..6548fdb 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "date-fns": "^2.29.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-qrcode-logo": "^2.7.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
     "typescript": "^4.7.4",
diff --git a/public/badge-white.png b/public/badge-white.png
new file mode 100644
index 0000000..071c6d3
Binary files /dev/null and b/public/badge-white.png differ
diff --git a/public/badge.png b/public/badge.png
new file mode 100644
index 0000000..b7523c4
Binary files /dev/null and b/public/badge.png differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index adc2b24..1dda7f4 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -22,7 +22,7 @@ export default function Header() {
       <Container maxWidth={containerMaxWidth} className='header-container'>
         <Toolbar className='header-container'>
           <Link to='/' style={{ textDecoration: 'none', color: 'inherit' }}>
-            <img src='/logo192.png' className='header-icon'></img>
+            <img src='/badge-white.png' className='header-icon'></img>
           </Link>
           <Typography variant='h6'>{title}</Typography>
           {title === '' && <Skeleton height={20} width={200}></Skeleton>}
diff --git a/src/pages/SpeedFlowchartPage.tsx b/src/pages/SpeedFlowchartPage.tsx
index 9de3f5d..5dac39e 100644
--- a/src/pages/SpeedFlowchartPage.tsx
+++ b/src/pages/SpeedFlowchartPage.tsx
@@ -8,7 +8,10 @@ import {
 } from '../data/SpeedFlowchart';
 import { Card, CardContent, Grid, Skeleton, Typography } from '@mui/material';
 import { theme } from '../utils/Theme';
+import { QRCode } from 'react-qrcode-logo';
+import { bgcolor } from '@mui/system';
 
+import '../css/SpeedFlowchartPage.css';
 interface SpeedRoundPairDummy extends SpeedRoundPair {
   dummy: boolean;
 }
@@ -90,9 +93,36 @@ export default function SpeedFlowchartPage() {
             <Grid
               container
               spacing={2}
-              sx={{ height: '100%', justifyContent: 'space-around' }}
+              sx={{
+                height: '100%',
+                justifyContent: 'space-around',
+                position: 'relative',
+              }}
               direction={'column'}
             >
+              {round.pairs.length === 2 && (
+                <div
+                  style={{
+                    position: 'absolute',
+                    width: '100%',
+                    display: 'flex',
+                    justifyContent: 'center',
+                  }}
+                >
+                  <QRCode
+                    value={`https://l.bluerock.dev/?comp=${competitionId}&cat=${categoryId}`}
+                    logoImage={'/logo192.png'}
+                    logoWidth={100}
+                    logoHeight={100}
+                    bgColor={theme.palette.background.default}
+                    fgColor={theme.palette.text.secondary}
+                    size={250}
+                    ecLevel={'H'}
+                    eyeRadius={5}
+                    qrStyle={'dots'}
+                  />
+                </div>
+              )}
               {round.pairs.map((pair, pairKey) => (
                 <Grid key={`flowchart-column-${roundKey}-pair-${pairKey}`} item>
                   <Card