diff --git a/backend/src/main.ts b/backend/src/main.ts
index cf6713a..1abc48c 100644
--- a/backend/src/main.ts
+++ b/backend/src/main.ts
@@ -36,6 +36,6 @@ async function bootstrap() {
   const document = SwaggerModule.createDocument(app, config);
   SwaggerModule.setup('api/docs', app, document);
 
-  await app.listen(process.env.PORT ?? 3001);
+  await app.listen(process.env.PORT ?? 4001);
 }
 bootstrap();
diff --git a/frontend/admin-panel/src/index.css b/frontend/admin-panel/src/index.css
index fb9a0b5..a7451af 100644
--- a/frontend/admin-panel/src/index.css
+++ b/frontend/admin-panel/src/index.css
@@ -1,10 +1,9 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 @layer base {
   body {
-    @apply bg-gray-50 text-gray-900;
+    background-color: var(--color-gray-50);
+    color: var(--color-gray-900);
     margin: 0;
   }
 }
diff --git a/frontend/application/package.json b/frontend/application/package.json
index d4ef300..a6beb75 100644
--- a/frontend/application/package.json
+++ b/frontend/application/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 3002",
+    "dev": "next dev -p 4000",
     "build": "next build",
     "start": "next start",
     "lint": "eslint"