fixed button

src/components/button/button.jsx

@@ -3,7 +3,12 @@ import "bootstrap/dist/css/bootstrap.min.css";
 
 export const QuoteButton = (props) => {
   return (
-    <Button variant={props.variant} target={props.target} onClick={props.click}>
+    <Button
+      variant={props.variant}
+      href={props.href}
+      target={props.target}
+      onClick={props.click}
+    >
       {props.text}
     </Button>
   );

src/components/quote-box/quote-box-styles.scss

@@ -2,7 +2,7 @@
   display: flex;
   justify-content: center;
   align-content: center;
-  height: 950px;
+  height: 954px;
 
   #quote-box {
     display: flexbox;

src/components/quote-box/quote-box.jsx

@@ -89,6 +89,7 @@ class QuoteBox extends React.Component {
               href={`https://twitter.com/intent/tweet?text=${this.state.displayQuote} 
               
               ${this.state.displayAuthor}`}
+              target="_blank"
               text={
                 <a
                   id="tweet-quote"