diff --git a/frontend/src/sections/overview/overview-latest-orders.js b/frontend/src/sections/overview/overview-latest-orders.js
index 8b36dca..b84a1f2 100644
--- a/frontend/src/sections/overview/overview-latest-orders.js
+++ b/frontend/src/sections/overview/overview-latest-orders.js
@@ -79,7 +79,7 @@ export const OverviewLatestOrders = (props) => {
                     hover
                     key={order.SN}
                   >
-                    <TableCell TableCell align="center">
+                    <TableCell align="center">
                       {order.SN}
                     </TableCell>
                     <TableCell>
@@ -97,7 +97,8 @@ export const OverviewLatestOrders = (props) => {
                     </SeverityPill>
                     </TableCell>
                     <TableCell>
-                      { order.Mqtt == 0 && order.Websockets == 0 && order.Stomp == 0 ? <span></span>: <SvgIcon 
+                      { order.Mqtt == 0 && order.Websockets == 0 && order.Stomp == 0 ? <span></span>: <Button>
+                      <SvgIcon 
                         fontSize="small" 
                         sx={{cursor: order.Status == 2 && 'pointer'}} 
                         onClick={()=>{
@@ -106,7 +107,7 @@ export const OverviewLatestOrders = (props) => {
                         }
                       >
                         <ArrowTopRightOnSquareIcon />
-                      </SvgIcon>}
+                      </SvgIcon></Button>}
                     </TableCell>
                   </TableRow>
                 );