changes mentioned by alexis

frontend/src/App.tsx

@@ -5,8 +5,8 @@ function App() {
 
   return (
     <>
-      <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={{ 

frontend/src/screens/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;