diff --git a/public/index.html b/public/index.html
index 2b3718f..f6fb625 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,10 +9,13 @@
             name="description"
             content="Browse your kindle clippings without hassle. No account needed."
         />
-      <link rel="preconnect" href="https://fonts.googleapis.com">
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
-      <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
+            rel="stylesheet"
+        />
+        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
         <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/src/app/features/clippings/books-list/BookItem.jsx b/src/app/features/clippings/books-list/BookItem.jsx
index 58c1c2b..0f7f716 100644
--- a/src/app/features/clippings/books-list/BookItem.jsx
+++ b/src/app/features/clippings/books-list/BookItem.jsx
@@ -76,7 +76,7 @@ const BookItem = ({ book }) => {
                 >
                     Export
                 </Button>
-                <NavigationButton onClick={handleNavigateBook} type='button'>
+                <NavigationButton onClick={handleNavigateBook} type="button">
                     <Chevron>
                         <ChevronsRightIcon />
                     </Chevron>
diff --git a/src/app/features/clippings/books-list/BookItem.style.jsx b/src/app/features/clippings/books-list/BookItem.style.jsx
index 201ede8..617fe94 100644
--- a/src/app/features/clippings/books-list/BookItem.style.jsx
+++ b/src/app/features/clippings/books-list/BookItem.style.jsx
@@ -98,7 +98,6 @@ export const NavigationButton = styled.button`
     cursor: pointer;
 `;
 
-
 export const Chevron = styled.div`
     display: flex;
     justify-content: center;
@@ -128,4 +127,3 @@ export const StatisticLabel = styled(Statistic.Label)`
         font-size: 11px;
     }
 `;
-
diff --git a/src/app/features/clippings/clippingsSlice.js b/src/app/features/clippings/clippingsSlice.js
index f789a43..c218d18 100644
--- a/src/app/features/clippings/clippingsSlice.js
+++ b/src/app/features/clippings/clippingsSlice.js
@@ -85,4 +85,4 @@ export { booksListFromQuotes };
 export default clippingsSlice.reducer;
 
 // Selectors
-export const selectBooksCount = (state) => state.clippings.books.length;
\ No newline at end of file
+export const selectBooksCount = (state) => state.clippings.books.length;
diff --git a/src/app/features/clippings/highlights/HighlightsList.jsx b/src/app/features/clippings/highlights/HighlightsList.jsx
index d677b90..fbd69df 100644
--- a/src/app/features/clippings/highlights/HighlightsList.jsx
+++ b/src/app/features/clippings/highlights/HighlightsList.jsx
@@ -2,7 +2,13 @@ import React, { useRef, useState } from 'react';
 import { Pagination } from 'semantic-ui-react';
 
 import HighlightItem from './HighlightItem';
-import { Content, Footer, MainHeader, Title, Wrapper } from './HighlightsList.style';
+import {
+    Content,
+    Footer,
+    MainHeader,
+    Title,
+    Wrapper,
+} from './HighlightsList.style';
 
 const HighlightsList = ({ title, highlights, bookInfoVisible }) => {
     const [activePage, setActivePage] = useState(1);
diff --git a/src/app/features/clippings/highlights/HighlightsList.style.jsx b/src/app/features/clippings/highlights/HighlightsList.style.jsx
index 1d8f722..fd740e6 100644
--- a/src/app/features/clippings/highlights/HighlightsList.style.jsx
+++ b/src/app/features/clippings/highlights/HighlightsList.style.jsx
@@ -23,7 +23,7 @@ export const MainHeader = styled.div`
 
 export const Title = styled(Header)`
     color: rgb(37, 56, 52);
-`
+`;
 
 export const Content = styled.div`
     flex-grow: 1;
diff --git a/src/app/features/clippings/highlights/deleted/DeletedPage.jsx b/src/app/features/clippings/highlights/deleted/DeletedPage.jsx
index a17aa54..9394a56 100644
--- a/src/app/features/clippings/highlights/deleted/DeletedPage.jsx
+++ b/src/app/features/clippings/highlights/deleted/DeletedPage.jsx
@@ -20,7 +20,13 @@ const DeletedPage = () => {
         deleted: q[1].deleted,
     }));
 
-    return <HighlightsList title="Deleted" highlights={highlights} bookInfoVisible />;
+    return (
+        <HighlightsList
+            title="Deleted"
+            highlights={highlights}
+            bookInfoVisible
+        />
+    );
 };
 
 export default DeletedPage;
diff --git a/src/app/features/clippings/highlights/favourites/FavouritesPage.jsx b/src/app/features/clippings/highlights/favourites/FavouritesPage.jsx
index 60db124..e1da85d 100644
--- a/src/app/features/clippings/highlights/favourites/FavouritesPage.jsx
+++ b/src/app/features/clippings/highlights/favourites/FavouritesPage.jsx
@@ -20,7 +20,13 @@ const FavouritesPage = () => {
         deleted: q[1].deleted,
     }));
 
-    return <HighlightsList title="Favourites" highlights={highlights} bookInfoVisible />;
+    return (
+        <HighlightsList
+            title="Favourites"
+            highlights={highlights}
+            bookInfoVisible
+        />
+    );
 };
 
 export default FavouritesPage;
diff --git a/src/app/features/clippings/import/ImportedCount.jsx b/src/app/features/clippings/import/ImportedCount.jsx
index b02882b..a815d63 100644
--- a/src/app/features/clippings/import/ImportedCount.jsx
+++ b/src/app/features/clippings/import/ImportedCount.jsx
@@ -1,6 +1,11 @@
 import React from 'react';
-import { Statistic} from 'semantic-ui-react';
-import { StatisticValue, StatisticLabel, ImportedCountWrapper } from './ImportedCount.style';
+import { Statistic } from 'semantic-ui-react';
+
+import {
+    ImportedCountWrapper,
+    StatisticLabel,
+    StatisticValue,
+} from './ImportedCount.style';
 
 const ImportedCount = ({ highlightsStatistics }) => {
     return (
diff --git a/src/app/features/clippings/import/parseClippings.js b/src/app/features/clippings/import/parseClippings.js
index acf446e..52fc985 100644
--- a/src/app/features/clippings/import/parseClippings.js
+++ b/src/app/features/clippings/import/parseClippings.js
@@ -43,7 +43,6 @@ const parseText = (content) => {
                 // TODO: for new kindle all locations are read as 'location'
                 //       remove check from `HighlightItem.jsx`
 
-
                 const id = uuidv5(
                     location + quote + time,
                     UUID_QUOTES_NAMESPACE,
diff --git a/src/app/layout/sidebar/BooksSection.jsx b/src/app/layout/sidebar/BooksSection.jsx
index 42ff54c..876e42f 100644
--- a/src/app/layout/sidebar/BooksSection.jsx
+++ b/src/app/layout/sidebar/BooksSection.jsx
@@ -55,7 +55,7 @@ const BooksSection = ({ handleItemClick, activeItem }) => {
     return (
         <BooksSectionWrapper>
             <BooksSectionMenu>
-                <Menu.Item key="searchInput" className='search'>
+                <Menu.Item key="searchInput" className="search">
                     <Input
                         icon={{ name: 'search', circular: true, link: true }}
                         placeholder="Search book"
diff --git a/src/app/layout/sidebar/Sidebar.jsx b/src/app/layout/sidebar/Sidebar.jsx
index 2177dc7..9d330dd 100644
--- a/src/app/layout/sidebar/Sidebar.jsx
+++ b/src/app/layout/sidebar/Sidebar.jsx
@@ -11,8 +11,8 @@ import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Link } from 'react-router-dom';
 import { Menu } from 'semantic-ui-react';
-import { selectBooksCount } from '../../features/clippings/clippingsSlice';
 
+import { selectBooksCount } from '../../features/clippings/clippingsSlice';
 import BooksSection from './BooksSection';
 import QuickLinksItem from './QuickLinksItem';
 import './Sidebar.css';
@@ -28,7 +28,7 @@ const Sidebar = () => {
         dispatch(setActiveSidebarItem(name));
 
     return (
-        <MenuStyled vertical role='menu'>
+        <MenuStyled vertical role="menu">
             <Menu.Item>
                 <Menu.Menu>
                     <Link to="/">
@@ -38,9 +38,7 @@ const Sidebar = () => {
                             activeItem={activeItem}
                         >
                             <LibraryBigIcon size={18} /> Books
-                            <Counter>
-                                {booksCount}
-                            </Counter>
+                            <Counter>{booksCount}</Counter>
                         </QuickLinksItem>
                     </Link>
                     <Link to="/import">
diff --git a/src/app/layout/sidebar/Sidebar.style.jsx b/src/app/layout/sidebar/Sidebar.style.jsx
index f0b429b..90d39b2 100644
--- a/src/app/layout/sidebar/Sidebar.style.jsx
+++ b/src/app/layout/sidebar/Sidebar.style.jsx
@@ -51,4 +51,4 @@ export const Counter = styled.div`
     border-radius: 8px;
     font-size: 14px;
     padding: 2px 8px;
-`
+`;
diff --git a/src/index.css b/src/index.css
index d6363c3..8d4cb25 100644
--- a/src/index.css
+++ b/src/index.css
@@ -9,7 +9,7 @@ body {
 }
 
 ::selection {
-  background: #dcf0ec;
+    background: #dcf0ec;
 }
 
 code {