diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 6ad5ac8..2406274 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -7,9 +7,8 @@ export default function App() {
   return (
     <>
       <Navbar />
-      <h1>PeerNotes</h1>
-      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' }}>
-      <img 
+      <div className="App" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '100vh' , gap: 15}}>
+      <img
         src="/PeerNotes.png" 
         alt="PeerNotes Logo" 
         style={{ 
diff --git a/frontend/src/assets/PeerNotes.png b/frontend/src/assets/PeerNotes.png
deleted file mode 100644
index cc142ee..0000000
Binary files a/frontend/src/assets/PeerNotes.png and /dev/null differ
diff --git a/frontend/src/components/MainSearch.tsx b/frontend/src/components/MainSearch.tsx
index 2558f8f..1f7fe48 100644
--- a/frontend/src/components/MainSearch.tsx
+++ b/frontend/src/components/MainSearch.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import '../screens/MainScreenWrapper.css';
+import '../styles/MainScreenWrapper.css';
 
 const MainSearch: React.FC = () => {
   return (
diff --git a/frontend/src/screens/MainScreenWrapper.css b/frontend/src/styles/MainScreenWrapper.css
similarity index 93%
rename from frontend/src/screens/MainScreenWrapper.css
rename to frontend/src/styles/MainScreenWrapper.css
index 1005c2a..f1d68e6 100644
--- a/frontend/src/screens/MainScreenWrapper.css
+++ b/frontend/src/styles/MainScreenWrapper.css
@@ -28,12 +28,16 @@ html, body {
     font-weight: bold;
   }
   
-  select {
+  .filter-item > select {
     padding: 8px;
     border: 1px solid #2E8BC0;
     border-radius: 4px;
-    width: 100%; /* fill the container width */
-  }
+    width: 100%;
+}
+
+.filter-item {
+    width: 100%;
+}
 
   .submit-button {
     padding: 8px 16px;