diff --git a/frontend/public/error.svg b/frontend/public/error.svg
new file mode 100644
index 0000000..7878e40
--- /dev/null
+++ b/frontend/public/error.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <path d="M12 16H12.01M12 8V12M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#964747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/frontend/src/components/svg/Error.svelte b/frontend/src/components/svg/Error.svelte
new file mode 100644
index 0000000..7b87ff1
--- /dev/null
+++ b/frontend/src/components/svg/Error.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+    export let width:string
+</script>
+
+<svg width={width} height={width} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+    <g id="SVGRepo_bgCarrier" stroke-width="0"/>
+    
+    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+    
+    <g id="SVGRepo_iconCarrier"> <path d="M12 16H12.01M12 8V12M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#964747" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g>
+    
+</svg>
\ No newline at end of file
diff --git a/frontend/src/components/userform/inputs/RadioButtons.svelte b/frontend/src/components/userform/inputs/RadioButtons.svelte
index c97b4e7..4863d9c 100644
--- a/frontend/src/components/userform/inputs/RadioButtons.svelte
+++ b/frontend/src/components/userform/inputs/RadioButtons.svelte
@@ -2,10 +2,10 @@
     export let options:string[]
 </script>
 
-<div class="flex justify-between">
+<div class="flex justify-between w-full">
 {#each options as data, index (data)}
-    <div class="flex flex-col justify-center items-center w-24 ">
-        <button name={data} class="h-7 w-7 rounded-full border-2 border-primary hover:bg-primary"></button>
+    <div class="flex flex-col justify-start items-center  w-12 text-center">
+        <button name={data} class="h-6 w-6 rounded-full border-2 border-primary hover:bg-primary"></button>
         <label class="text-primary text-sm mt-1" for={data}>{data}</label>
     </div>
 {/each}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 6c1a036..58469ad 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,15 +1,16 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
-  theme: {
-    extend: {
-      colors: {
-        primary: "#08667C",
-        secondary: "#CED9DD",
-        content: "#121212",
-        bg: "#EEF0F3",
-      },
-    },
-  },
-  plugins: [],
+	content: ["./src/**/*.{html,js,svelte,ts}"],
+	theme: {
+		extend: {
+			colors: {
+				primary: "#08667C",
+				secondary: "#CED9DD",
+				content: "#121212",
+				bg: "#EEF0F3",
+				error: "#964747",
+			},
+		},
+	},
+	plugins: [],
 };