diff --git a/Client/reasn-client/apps/web/app/page.tsx b/Client/reasn-client/apps/web/app/page.tsx
index a3a3f411..c7ff7330 100644
--- a/Client/reasn-client/apps/web/app/page.tsx
+++ b/Client/reasn-client/apps/web/app/page.tsx
@@ -1,8 +1,9 @@
 "use client";
 
 import { HeroSection } from "@reasn/ui/src";
+import React from "react";
 import { Navbar } from "../components/Navbar";
-import { Footer } from '../components/Footer';
+import { Footer } from "../components/Footer";
 
 export default function Web() {
   return (
diff --git a/Client/reasn-client/apps/web/components/footer.tsx b/Client/reasn-client/apps/web/components/footer.tsx
index 2fed07f3..782b382f 100644
--- a/Client/reasn-client/apps/web/components/footer.tsx
+++ b/Client/reasn-client/apps/web/components/footer.tsx
@@ -2,25 +2,37 @@ import React from "react";
 
 export const Footer = () => {
   return (
-    <footer className="text-center py-16 bg-black bg-bottom fixed bottom-0 rounded-t-2xl w-full">
-      <div className="flex items-center justify-between w-4/5 mx-auto">
-        <div className="flex-grow h-1 rounded-3xl mx-2 mt-1 bg-gradient-to-r from-red-400 via-purple-500 to-indigo-600"></div>
+    <footer className="fixed bottom-0 w-full rounded-t-2xl bg-black bg-bottom py-16 text-center">
+      <div className="mx-auto flex w-4/5 items-center justify-between">
+        <div className="mx-2 mt-1 h-1 flex-grow rounded-3xl bg-gradient-to-r from-red-400 via-purple-500 to-indigo-600"></div>
         <span className="text-3xl font-bold text-white">we are</span>
-        <div className="flex-grow h-1 rounded-3xl mx-2 mt-1 bg-gradient-to-r from-indigo-600 via-purple-500 to-red-400"></div>
+        <div className="mx-2 mt-1 h-1 flex-grow rounded-3xl bg-gradient-to-r from-indigo-600 via-purple-500 to-red-400"></div>
       </div>
-      <div className="text-3xl font-bold text-white -mt-1">the Reasn.</div>
-      <div className="flex justify-between -mt-8 w-3/4 mx-auto">
-        <div className="flex justify-between text-white w-1/6">
-          <a href="#" className="hover:text-[#ccc]">link</a>
-          <a href="#" className="hover:text-[#ccc]">link</a>
-          <a href="#" className="hover:text-[#ccc]">link</a>
+      <div className="-mt-1 text-3xl font-bold text-white">the Reasn.</div>
+      <div className="mx-auto -mt-8 flex w-3/4 justify-between">
+        <div className="flex w-1/6 justify-between text-white">
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
         </div>
-        <div className="flex justify-between text-white w-1/6">
-          <a href="#" className="hover:text-[#ccc]">link</a>
-          <a href="#" className="hover:text-[#ccc]">link</a>
-          <a href="#" className="hover:text-[#ccc]">link</a>
+        <div className="flex w-1/6 justify-between text-white">
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
+          <a href="#" className="hover:text-[#ccc]">
+            link
+          </a>
         </div>
       </div>
     </footer>
-  )
-}
\ No newline at end of file
+  );
+};
diff --git a/Client/reasn-client/apps/web/components/navbar.tsx b/Client/reasn-client/apps/web/components/navbar.tsx
index 74dd604d..9aedd7c0 100644
--- a/Client/reasn-client/apps/web/components/navbar.tsx
+++ b/Client/reasn-client/apps/web/components/navbar.tsx
@@ -2,20 +2,25 @@ import React from "react";
 
 export const Navbar = () => {
   return (
-    <nav
-      className="flex flex-wrap items-center justify-between w-full h-16 text-base text-white bg-black rounded-b-2xl"
-    >
-      <div className="flex w-4/5 justify-between mx-auto">
+    <nav className="flex h-16 w-full flex-wrap items-center justify-between rounded-b-2xl bg-black text-base text-white">
+      <div className="mx-auto flex w-4/5 justify-between">
         <div>
-          <a href="#" className="font-bold text-2xl hover:text-[#ccc]">Reasn.</a>
+          <a href="#" className="text-2xl font-bold hover:text-[#ccc]">
+            Reasn.
+          </a>
         </div>
         <div className="flex items-center gap-8">
-          <a href="#" className="hover:text-[#ccc]">logowanie</a>
-          <a href="#" className="px-6 py-1.5 border-2 border-white rounded-2xl hover:bg-white hover:text-black">
+          <a href="#" className="hover:text-[#ccc]">
+            logowanie
+          </a>
+          <a
+            href="#"
+            className="rounded-2xl border-2 border-white px-6 py-1.5 hover:bg-white hover:text-black"
+          >
             rejestracja
           </a>
         </div>
       </div>
     </nav>
-  )
-}
\ No newline at end of file
+  );
+};
diff --git a/Client/reasn-client/apps/web/tailwind.config.js b/Client/reasn-client/apps/web/tailwind.config.js
index cb2929d8..ef1ecc98 100644
--- a/Client/reasn-client/apps/web/tailwind.config.js
+++ b/Client/reasn-client/apps/web/tailwind.config.js
@@ -3,9 +3,9 @@ module.exports = {
   content: [
     "./app/**/*.{js,jsx,ts,tsx}",
     "../../packages/ui/src/**/*.{js,jsx,ts,tsx}",
-    './app/**/*.{js,jsx,ts,tsx}',
-    './components/**/*.{js,jsx,ts,tsx}',
-    '../../packages/ui/src/**/*.{js,jsx,ts,tsx}'
+    "./app/**/*.{js,jsx,ts,tsx}",
+    "./components/**/*.{js,jsx,ts,tsx}",
+    "../../packages/ui/src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
     extend: {},