fix slider

src/App.scss

@@ -96,6 +96,9 @@ select {
             width: 75%;
         }
     }
+    .ant-divider{
+        margin-bottom: 0;
+    }
 }
 .ant-layout-header {
     height: 58px;

src/components/Authorization.jsx

@@ -20,6 +20,7 @@ const FormInput = ({ buttonTitle, onSignIn }) => {
             }}
             labelCol={{ flex: '25px' }}
             layout={'vertical'}
+            size='middle'
             onFinish={onFinish}
         >
             <Form.Item

src/components/main/MainPostFeed.js

@@ -39,9 +39,11 @@ class PostImage extends React.Component {
     handlePrev = () => this.carouselRef.current.prev(this);
 
     moveOnDivArray = (length, index) => {
-        if (index === 0) {
+        if (length === 1) {
+            this.setState({ movePrev: false, moveNext: false })
+        } else if (index === 0) {
             this.setState({ movePrev: false, moveNext: true })
-        } else if (index === length - 1) {
+        } else if (index === length - 1 && length > 1) {
             this.setState({ movePrev: true, moveNext: false })
         } else {
             this.setState({ movePrev: true, moveNext: true })
@@ -85,8 +87,6 @@ const Post = ({ postData: { text, title, owner, images, createdAt, comments } })
         <div className='Post'>
             <Card
                 title={<PostTitle owner={owner} />}
-                // hoverable
-
                 cover={<PostImage images={images} />}
             >
                 <Meta title="Europe Street beat" description="www.instagram.com" />