diff --git a/src/components/NotAvailableMarker.tsx b/src/components/NotAvailableMarker.tsx
index bbbd797..d8f9afa 100644
--- a/src/components/NotAvailableMarker.tsx
+++ b/src/components/NotAvailableMarker.tsx
@@ -1,4 +1,4 @@
-import { cn } from '../helpers/cn.helper';
+import { cn } from '../helpers/className/cn.helper';
 
 const NotAvailableMarker: React.FC<{
   className?: string;
diff --git a/src/components/SearchForm.tsx b/src/components/SearchForm.tsx
index e30d1f3..a031342 100644
--- a/src/components/SearchForm.tsx
+++ b/src/components/SearchForm.tsx
@@ -1,7 +1,9 @@
 import { FormEvent, useEffect, useRef, useState } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { useHistoryModal } from '../providers/HistoryProvider';
-import { isDomainValid } from '../helpers/isDomainValid.helper';
+import { isDomainValid } from '../helpers/domain/isDomainValid.helper';
+import { domainPipe } from '../helpers/domain/domainPipe';
+import { extractDomain } from '../helpers/domain/extractDomain';
 
 const SearchForm = () => {
   const [searchParams, setSearchParams] = useSearchParams();
@@ -9,7 +11,7 @@ const SearchForm = () => {
   const navigate = useNavigate();
   const inputRef = useRef<HTMLInputElement | null>(null);
   const { historyPush } = useHistoryModal();
-  const [isValid, setIsValid] = useState<boolean>(false);
+  const [isValid, setIsValid] = useState<boolean>(true);
 
   useEffect(() => {
     window.addEventListener('keyup', handleKeyUp);
@@ -18,18 +20,27 @@ const SearchForm = () => {
   }, []);
 
   useEffect(() => {
-    setIsValid(false);
+    if (!searchQuery) {
+      setIsValid(true);
+      return;
+    }
+    const transformedDomain = domainPipe(extractDomain)(searchQuery);
 
-    if (isDomainValid(searchQuery)) setIsValid(true);
+    setIsValid(isDomainValid(transformedDomain));
   }, [searchQuery]);
 
   const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {
     event.preventDefault();
-    if (searchParams.get('domain') === searchQuery && !isValid) return;
 
-    historyPush(searchQuery);
-    setSearchParams({ domain: searchQuery });
-    navigate(`/results?domain=${encodeURIComponent(searchQuery)}`);
+    const transformedDomain = domainPipe(extractDomain)(searchQuery);
+    const isValid = isDomainValid(transformedDomain);
+    if (searchParams.get('domain') === transformedDomain || !isValid) {
+      return;
+    }
+
+    historyPush(transformedDomain);
+    setSearchParams({ domain: transformedDomain });
+    navigate(`/results?domain=${encodeURIComponent(transformedDomain)}`);
     setTimeout(() => window.scroll(0, 0), 50);
   };
 
@@ -42,13 +53,15 @@ const SearchForm = () => {
   return (
     <form className="flex gap-2 w-[30rem]" onSubmit={handleSubmit}>
       <label
-        className="flex items-center input input-sm input-bordered w-full"
+        className={`flex items-center input input-sm input-bordered w-full ${
+          !isValid ? 'input-error' : ''
+        }`}
         style={{ outline: 'none', boxShadow: 'none' }}
       >
         <input
           type="text"
           className="grow placeholder:text-xs "
-          placeholder="Type a domain..."
+          placeholder="Type a valid domain..."
           autoFocus
           value={searchQuery}
           onChange={event => setSearchQuery(event.target.value.toLowerCase())}
@@ -59,7 +72,7 @@ const SearchForm = () => {
       <button
         className="btn btn-sm btn-primary"
         type="submit"
-        disabled={searchQuery && isValid ? false : true}
+        disabled={searchQuery ? false : true}
       >
         Accio!
       </button>
diff --git a/src/components/ShortKeys.tsx b/src/components/ShortKeys.tsx
index c6b3a15..ebe2161 100644
--- a/src/components/ShortKeys.tsx
+++ b/src/components/ShortKeys.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { IoReturnDownBackSharp } from 'react-icons/io5';
 import { Shortcut } from '../enums/Shortcut.enum';
-import { cn } from '../helpers/cn.helper';
+import { cn } from '../helpers/className/cn.helper';
 
 const ShortKeys: React.FC<{ keys: Shortcut[]; className?: string }> = ({
   keys,
diff --git a/src/components/SslTable.tsx b/src/components/SslTable.tsx
index 08659ec..e121859 100644
--- a/src/components/SslTable.tsx
+++ b/src/components/SslTable.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { getDays } from '../helpers/getDays';
+import { getDays } from '../helpers/date/getDays';
 import { SslStatus } from '../enums/SslStatus.enum';
 import Loading from './Loading';
 
diff --git a/src/components/WhoisTable.tsx b/src/components/WhoisTable.tsx
index 236d8ec..9f2f998 100644
--- a/src/components/WhoisTable.tsx
+++ b/src/components/WhoisTable.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { getDays } from '../helpers/getDays';
+import { getDays } from '../helpers/date/getDays';
 import Loading from './Loading';
 const WhoisTable: React.FC<{
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/src/helpers/cn.helper.ts b/src/helpers/className/cn.helper.ts
similarity index 100%
rename from src/helpers/cn.helper.ts
rename to src/helpers/className/cn.helper.ts
diff --git a/src/helpers/getDays.ts b/src/helpers/date/getDays.ts
similarity index 100%
rename from src/helpers/getDays.ts
rename to src/helpers/date/getDays.ts
diff --git a/src/helpers/domain/domainPipe.ts b/src/helpers/domain/domainPipe.ts
new file mode 100644
index 0000000..774b906
--- /dev/null
+++ b/src/helpers/domain/domainPipe.ts
@@ -0,0 +1,6 @@
+import { PipeFunction } from '../../types/PipeFunction';
+
+export const domainPipe =
+  <T>(...fns: PipeFunction<T>[]) =>
+  (x: T): T =>
+    fns.reduce((result, nextFn) => nextFn(result), x);
diff --git a/src/helpers/domain/extractDomain.ts b/src/helpers/domain/extractDomain.ts
new file mode 100644
index 0000000..329dd55
--- /dev/null
+++ b/src/helpers/domain/extractDomain.ts
@@ -0,0 +1,5 @@
+export const extractDomain = (url: string): string => {
+  const domainRegex = /^(?:https?:\/\/)?(?:www\.)?([^/?#]+)/;
+  const match = url.match(domainRegex);
+  return match ? match[1] : '';
+};
diff --git a/src/helpers/isDomainValid.helper.ts b/src/helpers/domain/isDomainValid.helper.ts
similarity index 100%
rename from src/helpers/isDomainValid.helper.ts
rename to src/helpers/domain/isDomainValid.helper.ts
diff --git a/src/hoc/H1.tsx b/src/hoc/H1.tsx
index b37c0ac..cb8d377 100644
--- a/src/hoc/H1.tsx
+++ b/src/hoc/H1.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { cn } from '../helpers/cn.helper';
+import { cn } from '../helpers/className/cn.helper';
 
 export const H1: React.FC<{ children: ReactNode; className?: string }> = ({
   className,
diff --git a/src/hoc/ViewContainer.tsx b/src/hoc/ViewContainer.tsx
index d9f97b0..c25b532 100644
--- a/src/hoc/ViewContainer.tsx
+++ b/src/hoc/ViewContainer.tsx
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { cn } from '../helpers/cn.helper';
+import { cn } from '../helpers/className/cn.helper';
 
 const ViewContainer: React.FC<{ children: ReactNode; className?: string }> = ({
   children,
diff --git a/src/types/PipeFunction.ts b/src/types/PipeFunction.ts
new file mode 100644
index 0000000..ccc6155
--- /dev/null
+++ b/src/types/PipeFunction.ts
@@ -0,0 +1 @@
+export type PipeFunction<T> = (input: T) => T;
diff --git a/tailwind.config.js b/tailwind.config.js
index d50b881..b588ed3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,7 +4,21 @@ export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   plugins: [daisyui],
   theme: {
-    extend: {},
+    extend: {
+      keyframes: {
+        // Define the keyframes for the animation
+        shake: {
+          '0%, 100%': { transform: 'translateX(0)' },
+          '25%': { transform: 'translateX(-4px)' },
+          '50%': { transform: 'translateX(4px)' },
+          '75%': { transform: 'translateX(-4px)' },
+        },
+      },
+      animation: {
+        // Create a class for the animation
+        shake: 'shake 0.5s ease-in-out',
+      },
+    },
   },
   daisyui: {
     themes: [