diff --git a/frontend/src/app/components/home/browse/browse.component.scss b/frontend/src/app/components/home/browse/browse.component.scss
index 44e4a3d..8086153 100644
--- a/frontend/src/app/components/home/browse/browse.component.scss
+++ b/frontend/src/app/components/home/browse/browse.component.scss
@@ -13,13 +13,13 @@ section {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.8);
+  background: $black;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   z-index: 1000;
-  overflow: hidden; /* Verhindert, dass das Video aus dem Overlay herausragt */
+  overflow: hidden;
   position: relative;
   video {
     width: 100%;
@@ -133,3 +133,30 @@ section {
   background-color: $gray;
   transform: scale(1);
 }
+
+@media screen and (max-width: 550px) {
+  form {
+    flex-direction: column;
+    width: 90%;
+    input {
+      width: 100%;
+    }
+  }
+
+  .error-msg {
+    position: relative;
+    padding: 0;
+    height: 12px;
+    margin-bottom: 8px;
+  }
+}
+
+/*------------- RESPONSIVE -------------*/
+
+@media screen and (max-width: 500px) {
+  .resolution-btn {
+    border-radius: 2px;
+    padding: 3px 6px;
+    font-size: 14px;
+  }
+}