diff --git a/public/css/NewAdminCSS.css b/public/css/NewAdminCSS.css
index 8cbd0cc..60e71dd 100644
--- a/public/css/NewAdminCSS.css
+++ b/public/css/NewAdminCSS.css
@@ -180,7 +180,10 @@ h6 {
   margin: 10px;
 }
 .NewPanel.AdminPanel form div {
-  display: flex;
+  display: -webkit-box;
+display: -webkit-flex;
+display: -ms-flexbox;
+display: flex;
   justify-content: center;
 }
 .NewPanel .SearchCloseBtn{
@@ -239,6 +242,9 @@ h6 {
   background-color: #555;
   border-radius: 5px;
   margin: 62px 25px 0 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
   display: flex;
   align-items: center;
   align-content: center;
@@ -256,7 +262,10 @@ h6 {
   width: 100%;
   height: 100%;
   position: relative;
-  display: flex;
+  display: -webkit-box;
+display: -webkit-flex;
+display: -ms-flexbox;
+display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: center;
@@ -305,7 +314,10 @@ h6 {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  display: flex;
+  display: -webkit-box;
+display: -webkit-flex;
+display: -ms-flexbox;
+display: flex;
   flex-direction: row-reverse;
 }
 .NewPanel .HomeBtn {
diff --git a/public/css/app.css b/public/css/app.css
index f728614..d2c84f9 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -92,11 +92,13 @@
 }
 
 #alert {
+  background: #de2323;
   background: linear-gradient(#f07575 10%, #de2323 100%);
   color: #fff;
 }
 
 #success {
+  background: #02b757;
   background: linear-gradient(#a3e2bd 10%, #02b757 100%);
   color: #fff;
 }
@@ -197,7 +199,10 @@
 }
 
 .PageTitleBar {
-  display: inline-flex;
+  display: -webkit-box;
+display: -webkit-flex;
+display: -ms-flexbox;
+display: flex;
     width: 100%;
     align-items: center;
     align-content: center;
@@ -273,6 +278,7 @@ div.mySubmenuFixed {
 
 div.mySubmenuFixed {
   top: 36px;
+  background: #363636;
   background: linear-gradient(#000 10%, #191919 100%);
   height: 25px;
 }
@@ -531,9 +537,12 @@ iframe {
 .ProfileContainerBox {
   border-radius: 1px;
   text-align: left;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   width: 100%;
   vertical-align: top;
-  display: inline-flex;
   border: 1px solid #000000;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -547,7 +556,10 @@ iframe {
   width: 100%;
   min-width: max-content;
   vertical-align: top;
-  display: inline-flex;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   border: 1px solid #000000;
   border-width: 1px;
   margin-bottom: 5px;
diff --git a/public/css/appdark.css b/public/css/appdark.css
index 8d02d81..2870e34 100644
--- a/public/css/appdark.css
+++ b/public/css/appdark.css
@@ -1,8 +1,10 @@
 #alert {
+  background: #6a0f0f;
   background: linear-gradient(#ef3232 10%, #6a0f0f 100%);
 }
 
 #success {
+  background: #01582a;
   background: linear-gradient(#00c953 10%, #01582a 100%);
 }
 
@@ -92,12 +94,12 @@ body {
 #footer a,
 #footer_signup p,
 #footer_signup a {
-  color: rgb(167 167 167);
+  color: rgb(167, 167, 167);
 }
 
 a,
 #navbarusername {
-  color: rgb(215 215 215);
+  color: rgb(215, 215, 215);
 }
 
 .logoutframe {
@@ -127,10 +129,12 @@ input {
 }
 
 .tab_selected {
+  background: #01639c;
   background: linear-gradient(180deg, #00a2ff 0%,  #01639c 100%)
 }
 
 .tab {
+  background: #4b4b4b;
   color: rgb(255, 255, 255) !important;
   background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
 }
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 7922db9..d245fb9 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -18,7 +18,7 @@
         <br>
         <form action="{{ route('feed_post') }}" method="POST">
             @csrf
-            <p style="display: flex;">
+            <p style="display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;;">
                 <input id="FeedBox" type="text" name="status" placeholder="What are you up to?" style="width: 80%;"
                     value="{{ old('status') }}">
                 <button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton"
@@ -38,7 +38,7 @@
             <div class="FeedContainerBox" id="FeedContainerBox1">
                 <div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
                     <a href="{{ route('profile', $post->user->id) }}"><img alt="A image of {{ $post->user->name }}"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
                     <a alt="{{ $post->user->name }} says" href="{{ route('profile', $post->user->id) }}"
@@ -76,7 +76,7 @@
         <div class="friendslist">
             @if (Auth::user()->getFriendsCount() > 0)
             <div id="profilefriendcontainer" class="content_special"
-                style="flex-wrap: wrap;justify-content: space-evenly;flex-direction: row;display: inline-flex;align-content: center;align-items: center;">
+                style="flex-wrap: wrap;justify-content: space-evenly;flex-direction: row;align-content: center;align-items: center;">
                 @foreach ($friends as $friend)
                 <div class="profilefriend">
                     <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
@@ -95,9 +95,8 @@
     <h2>Recently Played Games</h2>
     <br>
     <div class="gamelist">
-        <p>You haven't played any games recently.</p><a href="/incomplete" class="text-link">Play Now</a>
+        <p>You haven't played any games recently.</p><a href="{{ route('games')}}" class="text-link">Play Now</a>
     </div>
-    <br>
 </div>
 </div>
 <br>
diff --git a/resources/views/messages/create.blade.php b/resources/views/messages/create.blade.php
index cd9d758..2801f0b 100644
--- a/resources/views/messages/create.blade.php
+++ b/resources/views/messages/create.blade.php
@@ -29,7 +29,7 @@
             </p>
             <p>Subject: <input type="text" name="subject" placeholder="Subject" value="{{ old('subject') }}"></p>
             <button class="greybutton" type="button" onClick="document.getElementById('message').value = ''" style="margin-top:3px;margin-bottom:3px">Clear Message</button>
-            <textarea style="width: calc(100% - 5px); height: 170px; min-height: 170px; resize: vertical;"
+            <textarea style="width: 99%; width: calc(100% - 5px); height: 170px; min-height: 170px; resize: vertical;"
                 placeholder="Write your message..." id="message" name="message">{{ old('message') }}</textarea>
             <button class="greenbutton" type="submit">Send</button>
             <button class="redbutton" type="reset"><a href="{{ route('inbox') }}"
diff --git a/resources/views/messages/index.blade.php b/resources/views/messages/index.blade.php
index 641b9ba..a67bab4 100644
--- a/resources/views/messages/index.blade.php
+++ b/resources/views/messages/index.blade.php
@@ -36,7 +36,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a  onclick="window.location='/my/messages/{{ $message->id }}';"
diff --git a/resources/views/messages/sent.blade.php b/resources/views/messages/sent.blade.php
index c20411a..da80971 100644
--- a/resources/views/messages/sent.blade.php
+++ b/resources/views/messages/sent.blade.php
@@ -29,7 +29,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a  onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a  onclick="window.location='/my/messages/{{ $message->id }}';"
diff --git a/resources/views/pages/friends.blade.php b/resources/views/pages/friends.blade.php
index 406a9ef..94c77c6 100644
--- a/resources/views/pages/friends.blade.php
+++ b/resources/views/pages/friends.blade.php
@@ -20,7 +20,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>
diff --git a/resources/views/pages/mutual_friends.blade.php b/resources/views/pages/mutual_friends.blade.php
index d34f454..7180c92 100644
--- a/resources/views/pages/mutual_friends.blade.php
+++ b/resources/views/pages/mutual_friends.blade.php
@@ -16,7 +16,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>
diff --git a/resources/views/pages/profile_friends.blade.php b/resources/views/pages/profile_friends.blade.php
index c6c96bc..ec92a26 100644
--- a/resources/views/pages/profile_friends.blade.php
+++ b/resources/views/pages/profile_friends.blade.php
@@ -18,7 +18,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>
diff --git a/resources/views/pages/requests.blade.php b/resources/views/pages/requests.blade.php
index 1532e6f..d8a64a5 100644
--- a/resources/views/pages/requests.blade.php
+++ b/resources/views/pages/requests.blade.php
@@ -15,7 +15,7 @@
             <div class="FriendsContainerBox" id="FriendsContainerBox1">
                 <div id="FriendsContainerBox1ImageContainer">
                     <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="FriendsContainerBox1TextContainer">
                     <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>
diff --git a/resources/views/pages/users.blade.php b/resources/views/pages/users.blade.php
index d487ec2..23af9b0 100644
--- a/resources/views/pages/users.blade.php
+++ b/resources/views/pages/users.blade.php
@@ -29,7 +29,7 @@
             <div class="ProfileContainerBox" id="ProfileContainerBox1">
                 <div id="ProfileContainerBox1ImageContainer">
                     <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
-                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a>
+                            src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
                 </div>
                 <div id="ProfileContainerBox1TextContainer">
                     <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>