diff --git a/web/src/components/Add/RightSideComponent.jsx b/web/src/components/Add/RightSideComponent.jsx
index ea8c962..0df9402 100644
--- a/web/src/components/Add/RightSideComponent.jsx
+++ b/web/src/components/Add/RightSideComponent.jsx
@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next'
 import { NoImageIcon } from 'icons'
 import { IconButton, InputAdornment, TextField, useTheme } from '@material-ui/core'
-import { CheckBox as CheckBoxIcon } from '@material-ui/icons'
+import { HighlightOff as HighlightOffIcon } from '@material-ui/icons'
 
 import {
   ClearPosterButton,
@@ -84,7 +84,7 @@ export default function RightSideComponent({
                 endAdornment: (
                   <InputAdornment position='end'>
                     <IconButton
-                      style={{ padding: '0 0 0 7px' }}
+                      style={{ padding: '1px' }}
                       onClick={() => {
                         setTitle('')
                         setIsCustomTitleEnabled(!isCustomTitleEnabled)
@@ -92,7 +92,7 @@ export default function RightSideComponent({
                         setIsUserInteractedWithPoster(false)
                       }}
                     >
-                      <CheckBoxIcon style={{ color: isCustomTitleEnabled ? primary : 'gray' }} />
+                      <HighlightOffIcon style={{ color: isCustomTitleEnabled ? primary : 'gray' }} />
                     </IconButton>
                   </InputAdornment>
                 ),