diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.css
index 6ca1c29..430cb0f 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.css
@@ -90,7 +90,7 @@
         background: var(--input-selected);
     }
 
-@media screen and (max-width: 1000px) {
+@media screen and (min-width: 700px) and (max-width: 1000px) {
     .section {
         padding: 20px;
     }
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css
index b086db3..6d2fab0 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css
@@ -40,6 +40,7 @@
 }
 
 .release-date, .storage {   
+    display: block;
     color: rgb(184, 184, 184);
 }
 
@@ -81,17 +82,16 @@
 }
 
 @media screen and (max-width: 700px) {
-    .release-date {
+    .release-date, .tags, .storage {
         display: none;
-        grid-column: span;
     }
 
     .row {
-        grid-template-columns: auto 3fr 3fr 30px 30px !important;
+        grid-template-columns: auto 3fr 3fr 30px 30px;
     }
 }
 
-@media screen and (max-width: 1000px) {
+@media screen and (min-width: 700px) and (max-width: 1000px) {
     .row {
         grid-template-columns: auto 3fr 2fr 3fr 30px 30px;
     }