diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8ebdd3e..8d4280a 100644
--- a/frontend/src/App.tsx
+++ b/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={{ 
diff --git a/frontend/src/screens/MainScreenWrapper.css b/frontend/src/screens/MainScreenWrapper.css
index 1005c2a..f1d68e6 100644
--- a/frontend/src/screens/MainScreenWrapper.css
+++ b/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;