diff --git a/packages/client/src/views/Dashboard/SideMenu.tsx b/packages/client/src/views/Dashboard/SideMenu.tsx
index 7428b673b39908bc4e52d44ab5daefdd03d7352b..51b8b61cdd6cfa5e5b01c5dee9b1769f0efb95cd 100644
--- a/packages/client/src/views/Dashboard/SideMenu.tsx
+++ b/packages/client/src/views/Dashboard/SideMenu.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush } from 'react-icons/fa';
+import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush, FaThumbsUp } from 'react-icons/fa';
 import styled from 'styled-components';
 import { Link } from 'react-router-dom';
 
@@ -76,6 +76,10 @@ export function SideMenu() {
         <FaPaintBrush />
         <MenuText>Sketchpad</MenuText>
       </Link>
+      <Link target="_blank" to={`${path}reactions`}>
+        <FaThumbsUp />
+        <MenuText>Reactions</MenuText>
+      </Link>
     </Container>
   )
 }
diff --git a/packages/client/src/views/Reactions/Reactions.tsx b/packages/client/src/views/Reactions/Reactions.tsx
index cfa0febc180fd0f1b3c4aadd4a6cedf90d59ce70..783ce5174986d4c16950aad04d3cb7a71eec7b5f 100644
--- a/packages/client/src/views/Reactions/Reactions.tsx
+++ b/packages/client/src/views/Reactions/Reactions.tsx
@@ -20,13 +20,13 @@ export const Grid = styled.div`
     grid-template-columns: repeat(4, 1fr);
     flex-wrap: wrap;
     gap: 1rem;
-    padding: 1rem;
+    padding: 2rem;
 `;
 
 export const Item = styled.button`
     display: block;
     width: 100%;
-    font-size: 8rem;
+    font-size: 9rem;
     text-align: center;
 `
 
@@ -122,7 +122,7 @@ export function RectionLink() {
   return (
     <div>
       <div>{url}</div>
-      <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={250}/></div>
+      <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={175}/></div>
     </div>
   );
 }