Unify form styles

src/components/Widgets/SignupQuestionsWidget/SignupQuestionsWidget.tsx

@@ -4,6 +4,7 @@ import shortid from "shortid";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { Question } from "."
 import AddIcon from "@assets/img/add-icon.png";
+import colors from "@theme/colors";
 import QuestionList from "./QuestionList";
 
 const Widget = styled.div`
@@ -24,6 +25,14 @@ const Widget = styled.div`
   }
 `;
 
+const AddQuestionButton = styled.button`
+  background-color: ${colors.blue1};
+  color: ${colors.white};
+  border: none;
+  outline: none;
+  cursor: pointer;
+`;
+
 interface SignupQuestionsWidgetProps {
   value: string;
   onChange: (value: string) => void;
@@ -78,9 +87,10 @@ const SignupQuestionsWidget: React.FC<SignupQuestionsWidgetProps> = ({ value, on
           )}
         </Droppable>
       </DragDropContext>
-      <button type="button" onClick={handleNewRowClick(questions)}>
-        <img src={AddIcon} /> New Question
-      </button>
+      <AddQuestionButton type="button" onClick={handleNewRowClick(questions)}>
+        <img src={AddIcon} />
+        New Question
+      </AddQuestionButton>
     </Widget>
   );
 }