diff --git a/changelog.d/20231122_124701_klakhov_fix_ux_issues_models_page.md b/changelog.d/20231122_124701_klakhov_fix_ux_issues_models_page.md
new file mode 100644
index 000000000000..bc4ade71a692
--- /dev/null
+++ b/changelog.d/20231122_124701_klakhov_fix_ux_issues_models_page.md
@@ -0,0 +1,4 @@
+### Fixed
+
+- Minor styling issues on empty models page
+  (<https://github.com/opencv/cvat/pull/7164>)
diff --git a/cvat-ui/src/components/models-page/empty-list.tsx b/cvat-ui/src/components/models-page/empty-list.tsx
index 4ea1d57ab577..36a2599fa758 100644
--- a/cvat-ui/src/components/models-page/empty-list.tsx
+++ b/cvat-ui/src/components/models-page/empty-list.tsx
@@ -12,28 +12,29 @@ import config from 'config';
 
 export default function EmptyListComponent(): JSX.Element {
     return (
-        <Empty
-            className='cvat-empty-models-list'
-            description={(
-                <div>
-                    <Row justify='center' align='middle'>
-                        <Col>
-                            <Text strong>No models deployed yet...</Text>
-                        </Col>
-                    </Row>
-                    <Row justify='center' align='middle'>
-                        <Col>
-                            <Text type='secondary'>To annotate your tasks automatically</Text>
-                        </Col>
-                    </Row>
-                    <Row justify='center' align='middle'>
-                        <Col>
-                            <Text type='secondary'>deploy a model with </Text>
-                            <a href={`${config.NUCLIO_GUIDE}`}>nuclio</a>
-                        </Col>
-                    </Row>
-                </div>
-            )}
-        />
+        <div className='cvat-empty-models-list'>
+            <Empty
+                description={(
+                    <div>
+                        <Row justify='center' align='middle'>
+                            <Col>
+                                <Text strong>No models deployed yet...</Text>
+                            </Col>
+                        </Row>
+                        <Row justify='center' align='middle'>
+                            <Col>
+                                <Text type='secondary'>To annotate your tasks automatically</Text>
+                            </Col>
+                        </Row>
+                        <Row justify='center' align='middle'>
+                            <Col>
+                                <Text type='secondary'>deploy a model with </Text>
+                                <a href={`${config.NUCLIO_GUIDE}`}>nuclio</a>
+                            </Col>
+                        </Row>
+                    </div>
+                )}
+            />
+        </div>
     );
 }
diff --git a/cvat-ui/src/components/models-page/styles.scss b/cvat-ui/src/components/models-page/styles.scss
index 55a4da98d6f5..319d5e3ccb22 100644
--- a/cvat-ui/src/components/models-page/styles.scss
+++ b/cvat-ui/src/components/models-page/styles.scss
@@ -9,20 +9,27 @@
     padding-top: $grid-unit-size * 2;
     padding-bottom: $grid-unit-size;
     overflow: auto;
-    position: fixed;
     height: 100%;
     width: 100%;
 
+    .cvat-models-page-top-bar {
+        padding-bottom: $grid-unit-size;
+    }
+
     >div:nth-child(2) {
-        height: 80%;
+        &:not(.cvat-empty-models-list) {
+            height: 90%;
+        }
     }
 }
 
 .cvat-empty-models-list {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+    .ant-empty {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
 }
 
 .cvat-models-list {
@@ -68,8 +75,6 @@
 }
 
 .cvat-models-page-top-bar {
-    margin: $grid-unit-size * 3 0;
-
     .cvat-models-page-search-bar {
         width: $grid-unit-size * 32;
         padding-left: $grid-unit-size * 0.5;