diff --git a/src/app/content/App/Notice/List/NoNotice/index.tsx b/src/app/content/App/Notice/List/NoNotice/index.tsx
index 4deac1be9..4f48258fb 100644
--- a/src/app/content/App/Notice/List/NoNotice/index.tsx
+++ b/src/app/content/App/Notice/List/NoNotice/index.tsx
@@ -9,7 +9,14 @@ export default () => (
     <Title>Pas de Bulle ici</Title>
     <ButtonContainer>
       <Illustration />
-      <BorderButton>Créer une Bulle</BorderButton>
+      <BorderButton
+        as="a"
+        href="https://form.jotformeu.com/82702852284358"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Créer une Bulle
+      </BorderButton>
     </ButtonContainer>
   </Fragment>
 );
diff --git a/src/components/atoms/Buttons/BorderButton/BorderButton.ts b/src/components/atoms/Buttons/BorderButton/BorderButton.ts
index 90e802942..f208ea234 100644
--- a/src/components/atoms/Buttons/BorderButton/BorderButton.ts
+++ b/src/components/atoms/Buttons/BorderButton/BorderButton.ts
@@ -1,9 +1,14 @@
 import styled from 'styled-components';
 import Button from '../../Button';
 
-export default styled(Button)`
+interface BorderButtonProps {
+  href?: string;
+  target?: '_blank';
+  rel?: string;
+}
+export default styled(Button)<BorderButtonProps>`
   height: 28px;
-  padding: 0 12px;
+  padding: 5px 12px;
   font-size: 15px;
   color: ${props => props.theme.button};
   text-decoration: none;