improve styling

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",

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}>

src/pages/overviewPage/overview.module.css

@@ -4,6 +4,7 @@
     grid-template-columns: 1fr 4fr;
     grid-column-gap: 1em;
     grid-row-gap: 1em;
+
 }
 
 .stats {

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"