diff --git a/src/components/dialogs/AppInfoDialog.tsx b/src/components/dialogs/AppInfoDialog.tsx
index 9441f68..3fb84e7 100644
--- a/src/components/dialogs/AppInfoDialog.tsx
+++ b/src/components/dialogs/AppInfoDialog.tsx
@@ -1,75 +1,62 @@
 // @flow
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Scroll } from '~/components/Scroll';
 import { APP_INFO } from '~/constants/app_info';
 
 export const AppInfoDialog = () => (
-  <div className="dialog-content">
-    <div className="dialog-head">
-      <div className="dialog-head-title">
-        Orchid Map
-      </div>
-      <div className="small gray">
-        версия{' '}
-        {(APP_INFO.VERSION || 1)}.
-        {(APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0)}.
-        {(APP_INFO.CHANGELOG[APP_INFO.VERSION][0].length - 1 || 0)}
-      </div>
-      <hr />
-      <div className="small app-info-list">
-        <div>
-          <div>Исходный код:</div>
-          <a href="//github.com/muerwre/orchid-front" target="_blank">github.com/muerwre/orchid-front</a>
-          <br />
-          <a href="//github.com/muerwre/orchid-backend" target="_blank">github.com/muerwre/orchid-backend</a>
+  <Fragment>
+    <div style={{ flex: 1 }} />
+
+    <div className="dialog-content">
+      <div className="dialog-head">
+        <div className="dialog-head-title">Orchid Map</div>
+        <div className="small gray">
+          версия {APP_INFO.VERSION || 1}.{APP_INFO.CHANGELOG[APP_INFO.VERSION].length || 0}.
+          {APP_INFO.CHANGELOG[APP_INFO.VERSION][0].length - 1 || 0}
         </div>
-        <div>
-          <div>Frontend:</div>
-          <a href="//reactjs.org/" target="_blank">ReactJS</a>,{' '}
-          <a href="//leafletjs.com" target="_blank">Leaflet</a>,{' '}
-          <a href="//www.liedman.net/leaflet-routing-machine/" target="_blank">Leaflet Routing Machine</a>{' '}
-        </div>
-        <div>
-          <div>Backend:</div>
-          <a href="//project-osrm.org/" target="_blank">OSRM</a>,{' '}
-          <a href="//golang.org/" target="_blank">Golang</a>,{' '}
-          <a href="//nginx.org/" target="_blank">Nginx</a>,{' '}
+        <hr />
+        <div className="small app-info-list">
+          <div>
+            <div>Исходный код:</div>
+            <a href="//github.com/muerwre/orchid-front" target="_blank">
+              github.com/muerwre/orchid-front
+            </a>
+            <br />
+            <a href="//github.com/muerwre/orchid-backend" target="_blank">
+              github.com/muerwre/orchid-backend
+            </a>
+          </div>
+          <div>
+            <div>Frontend:</div>
+            <a href="//reactjs.org/" target="_blank">
+              ReactJS
+            </a>
+            ,{' '}
+            <a href="//leafletjs.com" target="_blank">
+              Leaflet
+            </a>
+            ,{' '}
+            <a href="//www.liedman.net/leaflet-routing-machine/" target="_blank">
+              Leaflet Routing Machine
+            </a>{' '}
+          </div>
+          <div>
+            <div>Backend:</div>
+            <a href="//project-osrm.org/" target="_blank">
+              OSRM
+            </a>
+            ,{' '}
+            <a href="//golang.org/" target="_blank">
+              Golang
+            </a>
+            ,{' '}
+            <a href="//nginx.org/" target="_blank">
+              Nginx
+            </a>
+            ,{' '}
+          </div>
         </div>
       </div>
     </div>
-    <Scroll className="dialog-shader">
-      <div>
-        <div className="app-info-changelog">
-          <h2>История изменений</h2>
-          {
-            [...Object.keys(APP_INFO.CHANGELOG)].reverse().map((version, i) => (
-              <div className="app-info-changelog-item" key={version}>
-                <div className="app-info-number">{version}.</div>
-                <div className="app-info-version">
-                  {
-                    APP_INFO.CHANGELOG[version].map((release, y) => (
-                      <div className="app-info-release" key={release}>
-                        <div className="app-info-number">{APP_INFO.CHANGELOG[version].length - y}.</div>
-                        <div className="app-info-build">
-                          {
-                          APP_INFO.CHANGELOG[version][y].map((build, z) => (
-                            <div className="app-info-change" key={build}>
-                              <div className="app-info-number">{(z)}.</div>
-                              <span>{APP_INFO.CHANGELOG[version][y][z]}</span>
-                            </div>
-                          ))
-                        }
-                        </div>
-                      </div>
-                    ))
-                  }
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </div>
-    </Scroll>
-  </div>
+  </Fragment>
 );
-
diff --git a/src/components/dialogs/MapListDialog.tsx b/src/components/dialogs/MapListDialog.tsx
index a351192..7bca6a3 100644
--- a/src/components/dialogs/MapListDialog.tsx
+++ b/src/components/dialogs/MapListDialog.tsx
@@ -163,7 +163,7 @@ class MapListDialogUnconnected extends PureComponent<Props, State> {
     const { editor_target, menu_target, is_editing, is_dropping } = this.state;
 
     return (
-      <div className="dialog-content">
+      <div className="dialog-content full">
         {list.length === 0 && loading && (
           <div className="dialog-maplist-loader">
             <div className="dialog-maplist-icon spin">
diff --git a/src/styles/dialogs.less b/src/styles/dialogs.less
index 262eee4..ca518fe 100644
--- a/src/styles/dialogs.less
+++ b/src/styles/dialogs.less
@@ -1,13 +1,12 @@
 .dialog {
-  // background: #222222;
-  // background: linear-gradient(130deg, #320523, #020d2b);
-  // background: #271535;
   position: fixed;
   left: 0;
   top: 0;
   width: 360px;
   height: 100%;
   z-index: 5;
+  display: flex;
+  flex-direction: column;
 
   padding: 10px 10px 68px 10px;
   box-sizing: border-box;
@@ -77,7 +76,6 @@
 
 .dialog-content {
   background: @dialog_background;
-  height: 100%;
   overflow: hidden;
   position: relative;
   border-radius: @panel_radius @panel_radius 0 @panel_radius;
@@ -90,6 +88,10 @@
     color: white;
     opacity: 0.8;
   }
+
+  &.full {
+    flex: 1;
+  }
 }
 
 .dialog-shader {