diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a6389d1..a6dbe00 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -26,12 +26,23 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en">
+    <html
+      lang="en"
+      style={{ backgroundColor: "rgb(155, 79, 202)", height: "100%" }}
+    >
       <head>
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <link rel="canonical" href="https://www.arena-mixer.com/" />
       </head>
-      <body>
+      <body
+        style={{
+          backgroundColor: "rgb(155, 79, 202)",
+          margin: 0,
+          padding: 0,
+          height: "100%",
+          minHeight: "100vh",
+        }}
+      >
         <Providers>
           <Main>
             <Layout>{children}</Layout>
diff --git a/src/styles/BlocksExplorer.module.sass b/src/styles/BlocksExplorer.module.sass
index b92b523..2dca2b5 100644
--- a/src/styles/BlocksExplorer.module.sass
+++ b/src/styles/BlocksExplorer.module.sass
@@ -14,3 +14,8 @@
     justify-content: center
     grid-template-columns: repeat(auto-fill, minmax(280px,280px))
     grid-gap: 15px
+    
+    @media screen and (max-width: 768px)
+        grid-template-columns: repeat(2, 1fr)
+        margin: 0 10px
+        grid-gap: 10px
\ No newline at end of file
diff --git a/src/styles/Global.sass b/src/styles/Global.sass
index 4001de6..2013d58 100644
--- a/src/styles/Global.sass
+++ b/src/styles/Global.sass
@@ -26,10 +26,18 @@
 html
   max-width: 100vw
   background-color: var(--color_purple)
+  height: 100%
 
   font-family: "Helvetica Neue", Helvetica, sans-serif
   font-size: 13px
 
+body
+  background-color: var(--color_purple)
+  color: var(--color_text)
+  height: 100%
+  margin: 0
+  padding: 0
+
 a
   color: inherit
   text-decoration: none
