diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 6592405..1a91f55 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -3,9 +3,10 @@ const route = useRoute()
 </script>
 
 <template>
-  <div>
-    <h1>Nuxt Routing set up successfully!</h1>
-    <p>Current route: {{ route.path }}</p>
-    <a href="https://nuxt.com/docs/getting-started/routing" target="_blank">Learn more about Nuxt Routing</a>
+  <div class="h-screen flex items-center justify-center">
+    <div class="flex space-x-2">
+      <input placeholder=".NET C#" class="text-center bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg p-2.5 w-192"/>
+      <button class="text-gray-900 bg-gray-50 border border-gray-300 px-4 py-2 rounded-lg">Search</button>
+    </div>
   </div>
 </template>
diff --git a/frontend/pages/progress.vue b/frontend/pages/progress.vue
index e079bb2..4777cb4 100644
--- a/frontend/pages/progress.vue
+++ b/frontend/pages/progress.vue
@@ -7,7 +7,6 @@ const loading = ref<boolean>(true);
 const error = ref<string | null>(null);
 let dict = ref<ProgressDictionary[] | null>(null);
 
-
 const fetchMyData = async () => {
     try {
         loading.value = true;
@@ -36,8 +35,6 @@ const fetchMyData = async () => {
 
 fetchMyData();
 
-
-
 </script>
 
 <template>
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index a1684d0..785fffd 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -9,7 +9,13 @@ export default {
     "./error.vue",
   ],
   theme: {
-    extend: {},
+    extend: {
+      width: {
+        '128': '32rem',
+        '192' : '48rem',
+        '256': '64rem',
+      }
+    },
   },
   plugins: [],
 }