diff --git a/src/components/markdown.js b/src/components/markdown.js
index c7761e4..9ec1e94 100644
--- a/src/components/markdown.js
+++ b/src/components/markdown.js
@@ -96,7 +96,7 @@ const Markdown = (props) => {
                 username={props.social.twitter} /></>
             <><DisplaySocial base='https://linkedin.com/in' icon='https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg'
                 username={props.social.linkedin} /></>
-            <><DisplaySocial base='https://stackoverflow.com'
+            <><DisplaySocial base='https://stackoverflow.com/users'
                 icon='https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/stackoverflow.svg' username={props.social.stackoverflow} /></>
             <><DisplaySocial base='https://codesandbox.com' icon='https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codesandbox.svg'
                 username={props.social.codesandbox} /></>
diff --git a/src/components/markdownPreview.js b/src/components/markdownPreview.js
index 29d1021..bc76652 100644
--- a/src/components/markdownPreview.js
+++ b/src/components/markdownPreview.js
@@ -70,7 +70,7 @@ const MarkdownPreview = (props) => {
                 <DisplaySocial base="https://dev.to" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/dev-dot-to.svg" username={props.social.dev} />
                 <DisplaySocial base="https://twitter.com" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg" username={props.social.twitter} />
                 <DisplaySocial base="https://linkedin.com/in" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg" username={props.social.linkedin} />
-                <DisplaySocial base="https://stackoverflow.com" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/stackoverflow.svg" username={props.social.stackoverflow} />
+                <DisplaySocial base="https://stackoverflow.com/users" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/stackoverflow.svg" username={props.social.stackoverflow} />
                 <DisplaySocial base="https://codesandbox.com" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/codesandbox.svg" username={props.social.codesandbox} />
                 <DisplaySocial base="https://kaggle.com" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/kaggle.svg" username={props.social.kaggle} />
                 <DisplaySocial base="https://fb.com" icon="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/facebook.svg" username={props.social.fb} />
diff --git a/src/components/social.js b/src/components/social.js
index a3f1376..42259be 100644
--- a/src/components/social.js
+++ b/src/components/social.js
@@ -37,7 +37,7 @@ const Social = (props) => {
             <div className="container">
                 <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/stackoverflow.svg"
                 className="icon" alt="stackoverflow" />
-                <input id="stackoverflow" placeholder="stackoverflow username" className="inputField lg"
+                <input id="stackoverflow" placeholder="stackoverflow user ID" className="inputField lg"
                 value={props.social.stackoverflow} onChange={event => props.handleSocialChange('stackoverflow', event)} />
             </div>
             <div className="container">