diff --git a/package-lock.json b/package-lock.json
index 24de983..015c799 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,6 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "perf_hooks": "^0.0.1",
         "ts-loader": "^9.3.1",
         "typescript": "^4.7.4",
         "webpack": "^5.74.0",
@@ -807,7 +806,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001549",
+      "version": "1.0.30001597",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
+      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
       "funding": [
         {
           "type": "opencollective",
@@ -821,8 +822,7 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ],
-      "license": "CC-BY-4.0"
+      ]
     },
     "node_modules/chalk": {
       "version": "4.1.2",
@@ -2534,11 +2534,6 @@
       "version": "0.1.7",
       "license": "MIT"
     },
-    "node_modules/perf_hooks": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/perf_hooks/-/perf_hooks-0.0.1.tgz",
-      "integrity": "sha512-qG/D9iA4KDme+KF4vCObJy6Bouu3BlQnmJ8jPydVPm32NJBD9ZK1ZNgXSYaZKHkVC1sKSqUiLgFvAZPUiIEnBw=="
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
diff --git a/src/style.css b/src/style.css
index 5a55213..70e52d4 100644
--- a/src/style.css
+++ b/src/style.css
@@ -17,6 +17,22 @@ body {
   background: linear-gradient(180deg, rgba(169,199,206,1) 0%, rgba(165,211,197,1) 100%);
 }
 
+*::-webkit-scrollbar {
+  width: 4px;
+}
+ 
+*::-webkit-scrollbar-track {
+  background-color: #91949b;
+  border-radius: 1rem;
+  margin-top: 1px;
+  margin-bottom: 15px;
+}
+ 
+*::-webkit-scrollbar-thumb {
+  background-color: #7f808b;
+  border-radius: 1rem;
+}
+
 img {
   filter: brightness(0.9) contrast(1.4);
 }
diff --git a/src/windows/social_media.ts b/src/windows/social_media.ts
index b9b94e1..1b3dbed 100644
--- a/src/windows/social_media.ts
+++ b/src/windows/social_media.ts
@@ -1,39 +1,40 @@
 import { baseWindow } from "../shared/base-window";
 
 export const openSocialMedia = () => {
-  if (<HTMLSpanElement>document.getElementById("info")) return;
+  if (<HTMLSpanElement>document.getElementById("social_media")) return;
   const content = document.createElement("div");
   content.id = "social_media";
   content.className = "p-4";
   content.innerHTML = `
     <h2 class="font-semibold text-xl">Technology</h2>
     <div class="flex items-end">
-      <img src="./assets/icons/github.svg" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/github.svg" class="w-8 h-8 mt-4">
       <a href="https://github.com/d-roak" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@d-roak</a>
     </div>
     <div class="flex items-end">
-      <img src="./assets/icons/twitter.gif" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/twitter.gif" class="w-8 h-8 mt-4">
       <a href="https://twitter.com/droak_" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@droak_</a>
     </div>
     <div class="flex items-end">
-      <img src="./assets/icons/youtube.svg" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/youtube.svg" class="w-8 h-8 mt-4">
       <a href="https://www.youtube.com/@droak_" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@droak_</a>
     </div>
 
     <h1 class="mt-6 font-semibold text-xl">Personal</h1>
     <div class="flex items-end">
-      <img src="./assets/icons/instagram.png" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/instagram.png" class="w-8 h-8 mt-4">
       <a href="https://www.instagram.com/thisisoak___" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@thisisoak___</a>
     </div>
     <div class="flex items-end">
-      <img src="./assets/icons/youtube.svg" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/youtube.svg" class="w-8 h-8 mt-4">
       <a href="https://www.youtube.com/@thisisoak_" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@thisisoak_</a>
     </div>
     <div class="flex items-end">
-      <img src="./assets/icons/tiktok.png" class="w-6 h-6 mt-4">
+      <img src="./assets/icons/tiktok.png" class="w-8 h-8 mt-4">
       <a href="https://www.tiktok.com/@thisisoak__" target="_blank" class="ml-2 text-sm md:text-base text-pastel-blue underline">@thisisoak__</a>
     </div>
+
   `;
 
-  baseWindow("w-72 h-96 md:w-[30rem] md:h-96", content);
+  baseWindow("w-72 h-96 md:w-[30rem]", content);
 };
diff --git a/webpack.config.js b/webpack.config.js
index 2a0db1c..f1eefd8 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -24,5 +24,6 @@ module.exports = {
   output: {
     filename: "script.js",
     path: path.resolve(__dirname, "public", "static", "bundle"),
+    publicPath: "/static/bundle/"
   },
 };
diff --git a/yarn.lock b/yarn.lock
index a9d4a4e..9bf2e25 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -531,7 +531,9 @@ camelcase-css@^2.0.1:
   integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
 
 caniuse-lite@^1.0.30001541:
-  version "1.0.30001549"
+  version "1.0.30001597"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz"
+  integrity sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==
 
 chalk@^4.1.0:
   version "4.1.2"
@@ -1539,11 +1541,6 @@ path-parse@^1.0.7:
 path-to-regexp@0.1.7:
   version "0.1.7"
 
-perf_hooks@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.npmjs.org/perf_hooks/-/perf_hooks-0.0.1.tgz"
-  integrity sha512-qG/D9iA4KDme+KF4vCObJy6Bouu3BlQnmJ8jPydVPm32NJBD9ZK1ZNgXSYaZKHkVC1sKSqUiLgFvAZPUiIEnBw==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"