diff --git a/web/src/components/Add/index.jsx b/web/src/components/Add/index.jsx
index 14f4505..e845824 100644
--- a/web/src/components/Add/index.jsx
+++ b/web/src/components/Add/index.jsx
@@ -7,6 +7,7 @@ import { StyledMenuButtonWrapper } from 'style/CustomMaterialUiStyles'
 import { isStandaloneApp } from 'utils/Utils'
 
 import AddDialog from './AddDialog'
+import { StyledPWAAddButton } from './style'
 
 export default function AddDialogButton({ isOffline, isLoading }) {
   const { t } = useTranslation()
@@ -18,10 +19,7 @@ export default function AddDialogButton({ isOffline, isLoading }) {
     <div>
       <StyledMenuButtonWrapper disabled={isOffline || isLoading} button onClick={handleClickOpen}>
         {isStandaloneApp ? (
-          <>
-            <LibraryAddIcon />
-            <div>{t('AddFromLink')}</div>
-          </>
+          <StyledPWAAddButton />
         ) : (
           <>
             <ListItemIcon>
diff --git a/web/src/components/Add/style.js b/web/src/components/Add/style.js
index 67eef91..45422bf 100644
--- a/web/src/components/Add/style.js
+++ b/web/src/components/Add/style.js
@@ -337,3 +337,30 @@ export const PosterLanguageSwitch = styled.div`
     }
   `}
 `
+
+export const StyledPWAAddButton = styled.div`
+  border: 2px solid white;
+  border-radius: 50%;
+  height: 45px;
+  width: 45px;
+  position: relative;
+
+  :before,
+  :after {
+    content: '';
+    background: white;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  :before {
+    width: 2px;
+    height: 25px;
+  }
+  :after {
+    width: 25px;
+    height: 2px;
+  }
+`