diff --git a/package.json b/package.json
index 3ac552c13fbaafc9e0f57ee27ce1f6efcde6b737..2ce010bec1a14af1541b09b1ff6efaebcc1f6565 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "dotenv": "^10.0.0",
     "react": "^17.0.2",
     "react-datepicker": "^4.2.1",
+    "react-device-detect": "^2.0.1",
     "react-dom": "^17.0.2",
     "react-dotenv": "^0.1.3",
     "react-loader-spinner": "^4.0.0",
diff --git a/src/pages/overviewPage/Overview.tsx b/src/pages/overviewPage/Overview.tsx
index b30e08e872d2262521e2b8c4893165c4d17cf7b4..55dec75a8614d2ed2bf9b72684020c46a977086a 100644
--- a/src/pages/overviewPage/Overview.tsx
+++ b/src/pages/overviewPage/Overview.tsx
@@ -12,7 +12,6 @@ const OverviewPage = () => {
     const history = useHistory();
     const {data, isLoading, error} = useGitlabApi(queryTypes.Languages);
 
-
     return (
         <div className={style.wrapper}>
             <div className={style.stats}>
diff --git a/src/pages/overviewPage/overview.module.css b/src/pages/overviewPage/overview.module.css
index 121c0423ba9f53738fc4ef129f1ce3e19de26115..e9c52ca91ff5e20dbe6cbdf87cc4286c8af5c76f 100644
--- a/src/pages/overviewPage/overview.module.css
+++ b/src/pages/overviewPage/overview.module.css
@@ -4,9 +4,10 @@
     grid-template-columns: 1fr 4fr;
     grid-column-gap: 1em;
     grid-row-gap: 1em;
+
 }
 
-.stats{
+.stats {
     background-color: lightgrey;
     border-radius: 10px;
     padding: 20px;
@@ -15,21 +16,21 @@
 
 }
 
-.buttons{
+.buttons {
     background-color: lightcoral;
     border-radius: 10px;
     padding: 20px;
 }
 
-.buttonWrapper{
- display: flex;
- flex-direction: row;
- justify-content: center;
- width: 100%;
- height: 100%;
+.buttonWrapper {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
 }
 
-.button{
+.button {
     background: #8ECAE6;
     cursor: pointer;
     width: 250px;
diff --git a/yarn.lock b/yarn.lock
index 90e8a46d0addbf11d8be2b2b4e970dd23239db95..8312d75f603d5f4e206949351050ce073d0dec55 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9727,6 +9727,13 @@ react-dev-utils@^11.0.3:
     strip-ansi "6.0.0"
     text-table "0.2.0"
 
+react-device-detect@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/react-device-detect/-/react-device-detect-2.0.1.tgz#663530bafe1dad333b67eae4252556244f45c2fc"
+  integrity sha512-DrDKiKky/L/DSEJUw5CL2I38s/18zCLIoKP4pE4CyO1FyL6XhQZMIjHmv0pbYQBlfdKB+ZUXP53tWeLkt0eqJw==
+  dependencies:
+    ua-parser-js "^0.7.28"
+
 react-dom@^17.0.2:
   version "17.0.2"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz"
@@ -11573,6 +11580,11 @@ typescript@^4.1.2:
   resolved "https://registry.npmjs.org/typescript/-/typescript-4.4.3.tgz"
   integrity sha512-4xfscpisVgqqDfPaJo5vkd+Qd/ItkoagnHpufr+i2QCHBsNYp+G7UAoyFl8aPtx879u38wPV65rZ8qbGZijalA==
 
+ua-parser-js@^0.7.28:
+  version "0.7.28"
+  resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"
+  integrity sha512-6Gurc1n//gjp9eQNXjD9O3M/sMwVtN5S8Lv9bvOYBfKfDNiIIhqiyi01vMBO45u4zkDE420w/e0se7Vs+sIg+g==
+
 unicode-canonical-property-names-ecmascript@^1.0.4:
   version "1.0.4"
   resolved "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz"