diff --git a/client/src/pages/views/OperatorViewPage.tsx b/client/src/pages/views/OperatorViewPage.tsx
index 488d2ee92d74c6f0eb2a4b3437fa8273c61e0d12..dff030a595a2a99d9db459b0c56d548de00bb7ae 100644
--- a/client/src/pages/views/OperatorViewPage.tsx
+++ b/client/src/pages/views/OperatorViewPage.tsx
@@ -16,9 +16,9 @@ import {
   Typography,
 } from '@material-ui/core'
 import AssignmentIcon from '@material-ui/icons/Assignment'
-import BackspaceIcon from '@material-ui/icons/Backspace'
 import ChevronLeftIcon from '@material-ui/icons/ChevronLeft'
 import ChevronRightIcon from '@material-ui/icons/ChevronRight'
+import CloseIcon from '@material-ui/icons/Close'
 import FileCopyIcon from '@material-ui/icons/FileCopy'
 import LinkIcon from '@material-ui/icons/Link'
 import SupervisorAccountIcon from '@material-ui/icons/SupervisorAccount'
@@ -249,7 +249,7 @@ const OperatorViewPage: React.FC = () => {
       <OperatorHeader color="primary" position="fixed">
         <Tooltip title="Avsluta tävling" arrow>
           <OperatorQuitButton onClick={handleVerifyExit} variant="contained" color="secondary">
-            <BackspaceIcon fontSize="small" />
+            <CloseIcon fontSize="large" />
           </OperatorQuitButton>
         </Tooltip>
 
diff --git a/client/src/pages/views/styled.tsx b/client/src/pages/views/styled.tsx
index d02f3f9b2fdd36df641d069dc6b3250d8de4c63c..47b9f68328fcb9c0b9ba0df8f6bacf4fd96cb02b 100644
--- a/client/src/pages/views/styled.tsx
+++ b/client/src/pages/views/styled.tsx
@@ -57,11 +57,8 @@ export const OperatorFooter = styled(AppBar)`
 `
 
 export const OperatorQuitButton = styled(Button)`
-  min-width: 48px;
-  min-height: 48px;
-  padding-top: 16px;
-  padding-bottom: 16px;
-  margin-left: 8px;
+  height: 100%;
+  padding: 0;
 `
 
 export const OperatorButton = styled(Button)`