diff --git a/packages/concordia-app/src/views/About/index.jsx b/packages/concordia-app/src/views/About/index.jsx
index 9277a23..2698047 100644
--- a/packages/concordia-app/src/views/About/index.jsx
+++ b/packages/concordia-app/src/views/About/index.jsx
@@ -6,6 +6,8 @@ import { Container, Image } from 'semantic-ui-react';
 import AboutMd from '../../assets/About.md';
 import appLogo from '../../assets/images/app_logo_circle.svg';
 
+import './styles.css';
+
 const targetBlank = () => ({ href, children }) => (
     <a href={href} target="_blank" rel="noopener noreferrer">
         {children}
@@ -26,7 +28,7 @@ const About = () => {
   return (
       <Container id="about-container">
           <div style={{ textAlign: 'center' }}>
-              <Image src={appLogo} size="small" centered />
+              <Image id="app-logo" src={appLogo} size="small" centered />
               {`v${process.env.REACT_APP_VERSION}`}
           </div>
           <ReactMarkdown
diff --git a/packages/concordia-app/src/views/About/styles.css b/packages/concordia-app/src/views/About/styles.css
new file mode 100644
index 0000000..855a143
--- /dev/null
+++ b/packages/concordia-app/src/views/About/styles.css
@@ -0,0 +1,3 @@
+#app-logo{
+    margin-bottom: 1rem;
+}