diff --git a/package-lock.json b/package-lock.json
index 1593516..3404e53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14261,9 +14261,9 @@
       }
     },
     "node_modules/plex-api-oauth": {
-      "version": "1.1.97",
-      "resolved": "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.97.tgz",
-      "integrity": "sha512-rBUlBHX5SEdmOoTRKFl/0DBJ0G5gR3dEaAKyFLAGeeKjuyJR7MbIgyMIM4nbYMAY7CUBA7cE/9bB7unjlkTYbg==",
+      "version": "1.1.98",
+      "resolved": "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.98.tgz",
+      "integrity": "sha512-nuH3BJBN/UXGRNp6n2lts/Zw1gpbrXFqLaHS+16UToqjM0v4kk/bjP+nV2LXmAAM+a9uamNLI94oTwZT5tTByg==",
       "dependencies": {
         "axios": "^0.27.2",
         "plex-oauth": "^2.0.2",
@@ -29568,9 +29568,9 @@
       "integrity": "sha512-Igl37++MSa+4H8LNP3Ene9GU0e1YypmXvFVNvVUwoAx44e74jbUlJXy4Q5rLSBisn0O2lBKdE6VkFIwrDl+UnQ=="
     },
     "plex-api-oauth": {
-      "version": "1.1.97",
-      "resolved": "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.97.tgz",
-      "integrity": "sha512-rBUlBHX5SEdmOoTRKFl/0DBJ0G5gR3dEaAKyFLAGeeKjuyJR7MbIgyMIM4nbYMAY7CUBA7cE/9bB7unjlkTYbg==",
+      "version": "1.1.98",
+      "resolved": "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.98.tgz",
+      "integrity": "sha512-nuH3BJBN/UXGRNp6n2lts/Zw1gpbrXFqLaHS+16UToqjM0v4kk/bjP+nV2LXmAAM+a9uamNLI94oTwZT5tTByg==",
       "requires": {
         "axios": "^0.27.2",
         "plex-oauth": "^2.0.2",
diff --git a/src/renderer/App.jsx b/src/renderer/App.jsx
index 79cf9f5..eb63918 100644
--- a/src/renderer/App.jsx
+++ b/src/renderer/App.jsx
@@ -404,7 +404,7 @@ function App() {
               {plexLibraries
                 ?.filter((Obj) => Obj.type === 'artist')
                 ?.map((Obj, index) => (
-                  <Grid item xs={2} key={Obj.guid + index}>
+                  <Grid item xs={4} key={Obj.guid + index}>
                     <Card>
                       <CardActionArea
                         onClick={() => {
@@ -458,7 +458,7 @@ function App() {
           <Box sx={{}} loading="lazy">
             <Grid container spacing={2}>
               {libraryItems?.map((Obj, index) => (
-                <Grid item xs={2} key={Obj.guid + index}>
+                <Grid item xs={3} key={Obj.guid + index}>
                   <Card>
                     <CardActionArea
                       onClick={() => {
diff --git a/yarn.lock b/yarn.lock
index d0b33a8..8b6a6c1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7870,9 +7870,9 @@
   "version" "1.1.0"
 
 "plex-api-oauth@^1.0.4":
-  "integrity" "sha512-rBUlBHX5SEdmOoTRKFl/0DBJ0G5gR3dEaAKyFLAGeeKjuyJR7MbIgyMIM4nbYMAY7CUBA7cE/9bB7unjlkTYbg=="
-  "resolved" "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.97.tgz"
-  "version" "1.1.97"
+  "integrity" "sha512-nuH3BJBN/UXGRNp6n2lts/Zw1gpbrXFqLaHS+16UToqjM0v4kk/bjP+nV2LXmAAM+a9uamNLI94oTwZT5tTByg=="
+  "resolved" "https://registry.npmjs.org/plex-api-oauth/-/plex-api-oauth-1.1.98.tgz"
+  "version" "1.1.98"
   dependencies:
     "axios" "^0.27.2"
     "plex-oauth" "^2.0.2"