diff --git a/src/components/InputFields/BaseInput.vue b/src/components/InputFields/BaseInput.vue
index c773e4c203294cabd1dee9d555dd94b013961871..8e20e43d95e8ac8cf46e6253d1ef39c4ea52d351 100644
--- a/src/components/InputFields/BaseInput.vue
+++ b/src/components/InputFields/BaseInput.vue
@@ -37,6 +37,10 @@ const props = defineProps({
   invalidMessage: {
     type: String,
     default: ''
+  },
+  required: {
+    type: Boolean,
+    default: true
   }
 });
 
@@ -53,9 +57,11 @@ const onInputEvent = (event: any) => {
            :type="type"
            class="form-control"
            :placeholder="placeholder"
-           :id="inputId" required
+           :id="inputId"
            :min="min"
-           :pattern="pattern"/>
+           :pattern="pattern"
+           :required="required"
+    />
     <div class="valid-feedback">{{ validMessage }}</div>
     <div class="invalid-feedback">{{ invalidMessage }}</div>
   </div>
diff --git a/src/views/Authentication/SignUpView.vue b/src/views/Authentication/SignUpView.vue
index ce0bd3ada3a372fbae632554d2e28bf02f92e162..b6b2f2e951c3c776ae746a3779e73301bb6c6f48 100644
--- a/src/views/Authentication/SignUpView.vue
+++ b/src/views/Authentication/SignUpView.vue
@@ -1,13 +1,9 @@
 <script setup lang="ts">
-import Footer from '@/components/BaseComponents/Footer.vue'
-import Menu from '@/components/BaseComponents/Menu.vue'
 import SignUp from '@/components/SignUp/SignUp.vue'
 </script>
 
 <template>
-  <Menu/>
   <SignUp/>
-  <Footer/>
 </template>
 
 <style scoped>