diff --git a/element-theme/theme.css b/element-theme/theme.css
index b3b5b65..acb0a8b 100644
--- a/element-theme/theme.css
+++ b/element-theme/theme.css
@@ -69,4 +69,18 @@ body{
 
 .mx_BackdropPanel--image{
   opacity: 0;
+}
+
+@media only screen and (max-width: 1300px){
+    .mx_EventTile,.mx_SearchBar,.mx_SpaceRoomView_landing{
+        width: 80%;
+        margin-left: 10%;
+    }
+}
+
+@media only screen and (max-width: 1000px){
+    .mx_EventTile,.mx_SearchBar,.mx_SpaceRoomView_landing{
+        width: 100%;
+        margin-left: 0;
+    }
 }
\ No newline at end of file