diff --git a/web/app/Filament/Pages/CustomerDashboard.php b/web/app/Filament/Pages/CustomerDashboard.php
index fb88726..e0c29bd 100644
--- a/web/app/Filament/Pages/CustomerDashboard.php
+++ b/web/app/Filament/Pages/CustomerDashboard.php
@@ -135,7 +135,7 @@ class CustomerDashboard extends Page
                         ],
                         [
                             'title'=>'Download Resources',
-                            'icon'=>'phyre_customer-billing-download-resources',
+                            'icon'=>'phyre_customer-billing-download',
                             'link'=>'#'
                         ],
                         [
diff --git a/web/resources/phyre-customer-svg/billing-download-resources.svg b/web/resources/phyre-customer-svg/billing-download-resources.svg
deleted file mode 100644
index 81eaea0..0000000
--- a/web/resources/phyre-customer-svg/billing-download-resources.svg
+++ /dev/null
@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg height="800px" width="800px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 viewBox="0 0 64 64" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#C75C5C;}
-	.st1{opacity:0.2;}
-	.st2{fill:#231F20;}
-	.st3{fill:#FFFFFF;}
-	.st4{fill:#8C81D4;}
-</style>
-<g id="Layer_1">
-	<g>
-		<circle class="st0" cx="32" cy="32" r="32"/>
-	</g>
-	<g class="st1">
-		<g>
-			<path class="st2" d="M40,11.2C40,11.2,40,11.1,40,11.2C40,11,40,11,40,11.2z"/>
-		</g>
-		<g>
-			<path class="st2" d="M24,11.1C24,11.1,24,11.2,24,11.1C24,11,24,11,24,11.1z"/>
-		</g>
-	</g>
-	<g>
-		<g class="st1">
-			<path class="st2" d="M48,32c0-6.5-3.8-12-9.4-14.5C36.9,16.7,36,18,36,19.1v8.5c0,0.8,0.7,1.4,1.5,1.4h3.1c1.5,0,1.9,1.1,0.9,2.4
-				l-7.7,9.8c-1,1.2-2.6,1.2-3.5,0l-7.7-9.8c-1-1.2-0.6-2.4,0.9-2.4h3.1c0.8,0,1.5-0.6,1.5-1.4v-8.5c0-1.1-1.5-2.1-2.8-1.6
-				c0,0,0,0,0,0c-4.3,2-7.6,5.9-8.7,10.6C11.7,28.9,8,33,8,38c0,5.5,4.5,10,10,10h30c4.4,0,8-3.6,8-8S52.4,32,48,32z"/>
-		</g>
-		<g>
-			<path class="st3" d="M48,30c0-6.5-3.8-12-9.4-14.5C36.9,14.7,36,16,36,17.1v8.5c0,0.8,0.7,1.4,1.5,1.4h3.1c1.5,0,1.9,1.1,0.9,2.4
-				l-7.7,9.8c-1,1.2-2.6,1.2-3.5,0l-7.7-9.8c-1-1.2-0.6-2.4,0.9-2.4h3.1c0.8,0,1.5-0.6,1.5-1.4v-8.5c0-1.1-1.5-2.1-2.8-1.6
-				c0,0,0,0,0,0c-4.3,2-7.6,5.9-8.7,10.6C11.7,26.9,8,31,8,36c0,5.5,4.5,10,10,10h30c4.4,0,8-3.6,8-8S52.4,30,48,30z"/>
-		</g>
-		<g>
-			<path class="st4" d="M40,9.2C40,9.2,40,9.1,40,9.2C40,9,40,9,40,9.2z"/>
-		</g>
-		<g>
-			<path class="st4" d="M24,9.1C24,9.1,24,9.2,24,9.1C24,9,24,9,24,9.1z"/>
-		</g>
-	</g>
-</g>
-<g id="Layer_2">
-</g>
-</svg>
\ No newline at end of file
diff --git a/web/resources/phyre-customer-svg/billing-download.svg b/web/resources/phyre-customer-svg/billing-download.svg
new file mode 100644
index 0000000..0cbbcbb
--- /dev/null
+++ b/web/resources/phyre-customer-svg/billing-download.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 505 505" xml:space="preserve">
+<circle style="fill:#90DFAA;" cx="252.5" cy="252.5" r="252.5"/>
+<path style="fill:#FFFFFF;" d="M420.3,240.9c0,28.1-22.8,50.8-50.8,50.8h-234c-28.1,0-50.8-22.8-50.8-50.8c0-19.4,10.9-36.3,27-44.9
+	c-5.6-11.4-8.8-24.1-8.8-37.7c0-46.8,37.9-84.7,84.7-84.7c23.6,0,44.9,9.7,60.3,25.2c9.8-6.7,21.7-10.6,34.4-10.6
+	c26.6,0,49.2,17,57.6,40.8c3.8-0.8,7.7-1.2,11.7-1.2c30.7,0,55.6,24.9,55.6,55.6c0,7-1.3,13.6-3.7,19.8
+	C413.8,212.5,420.3,225.9,420.3,240.9z"/>
+<g>
+	<polygon style="fill:#FF7058;" points="165.9,322.9 252.5,431.3 339.1,322.9 306.2,322.9 301.5,264.2 203.5,264.2 198.8,322.9 	"/>
+	<polygon style="fill:#FF7058;" points="295.4,187.8 209.6,187.8 205.4,240.9 299.6,240.9 	"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/web/resources/phyre-customer-svg/metrics-bandwidth.svg b/web/resources/phyre-customer-svg/metrics-bandwidth.svg
index 26e0861..8c649d8 100644
--- a/web/resources/phyre-customer-svg/metrics-bandwidth.svg
+++ b/web/resources/phyre-customer-svg/metrics-bandwidth.svg
@@ -1,18 +1,24 @@
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="-4.8 -4.8 57.60 57.60" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="2.448">
-
<g id="SVGRepo_bgCarrier" stroke-width="0" transform="translate(0,0), scale(1)">
-
<rect x="-4.8" y="-4.8" width="57.60" height="57.60" rx="28.8" fill="#82bae8" strokewidth="0"/>
-
</g>
-
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="1.248"/>
-
<g id="SVGRepo_iconCarrier">
-
<defs>
-
<style>.a{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;}</style>
-
</defs>
-
<path class="a" d="M40.1925,32.609H43.5a19.5,19.5,0,0,0-39,0H7.8075"/>
-
<path class="a" d="M37.9144,32.609A13.9144,13.9144,0,0,0,24,18.6946"/>
-
<path class="a" d="M31.6329,32.609A7.6329,7.6329,0,0,0,24,24.9762"/>
-
<circle class="a" cx="24" cy="32.609" r="2.2819"/>
-
<line class="a" x1="24" y1="30.3271" x2="24" y2="14.7861"/>
-
</g>
-
</svg>
\ No newline at end of file
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 505 505" xml:space="preserve">
+<circle style="fill:#54C0EB;" cx="252.5" cy="252.5" r="252.5"/>
+<path style="fill:#324A5E;" d="M404.1,122.9H100.9c-12.5,0-22.6,10.1-22.6,22.6v48.2h348.3v-48.2C426.7,133,416.6,122.9,404.1,122.9
+	z"/>
+<path style="fill:#FFFFFF;" d="M426.7,169.8v189.8c0,12.5-10.1,22.6-22.6,22.6H100.9c-12.5,0-22.6-10.1-22.6-22.6V169.8h117.8
+	l11.4-17h62.9l11.3,17H426.7z"/>
+<polygon style="fill:#84DBFF;" points="110.6,169.8 196.1,169.8 184.8,152.8 121.9,152.8 "/>
+<circle style="fill:#54C0EB;" cx="394.4" cy="147.7" r="10.1"/>
+<circle style="fill:#E6E9EE;" cx="355.6" cy="147.7" r="10.1"/>
+<path style="fill:#FFD05B;" d="M272.2,348.8c-6.7,11-21,14.4-32,7.8c-11-6.7-14.4-21-7.8-32c6.7-11,57.6-49.9,57.6-49.9
+	S278.9,337.8,272.2,348.8z"/>
+<g>
+	<path style="fill:#E6E9EE;" d="M188.2,265.8c-14.4,15.6-23.2,36.5-23.2,59.4c0,21.7,8,41.6,21.1,56.9h-32.2
+		c-9.7-16.7-15.3-36.2-15.3-56.9c0-30.2,11.8-57.6,30.9-78L188.2,265.8z"/>
+	<path style="fill:#E6E9EE;" d="M252.5,211.4v26.3l0,0c-12.5,0-24.4,2.6-35.2,7.4l-10.1-24.3C221.1,214.7,236.4,211.4,252.5,211.4
+		L252.5,211.4z"/>
+	<path style="fill:#E6E9EE;" d="M335.4,247.3l-18.6,18.6c-8.1-8.8-18-15.9-29-20.8l10.1-24.3C312.1,227,324.9,236.1,335.4,247.3z"/>
+	<path style="fill:#E6E9EE;" d="M366.3,325.2c0,20.8-5.6,40.2-15.3,56.9h-32.1c13.1-15.3,21.1-35.2,21.1-56.9
+		c0-10.3-1.8-20.1-5-29.2l24.4-10.1C363.9,298.2,366.3,311.4,366.3,325.2z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/web/resources/views/filament/pages/customer-dashboard.blade.php b/web/resources/views/filament/pages/customer-dashboard.blade.php
index 5d8544f..7ca44b0 100644
--- a/web/resources/views/filament/pages/customer-dashboard.blade.php
+++ b/web/resources/views/filament/pages/customer-dashboard.blade.php
@@ -14,7 +14,9 @@
             <div class="bg-white/10 mt-[2rem] rounded px-2 shadow-xl">
                 <div class="flex justify-between py-4">
                     <div class="flex gap-2 px-4">
-                        <div class=""><x-filament::icon-button size="xl" icon="{{$menuItem['icon']}}" /></div>
+                        <div class="">
+                            <x-filament::icon-button size="xl" icon="{{$menuItem['icon']}}" />
+                        </div>
                         <div class="">{{$menuItem['title']}}</div>
                     </div>
                     <div>
@@ -30,7 +32,7 @@
 
                         <div class="text-blue-400 hover:text-yellow-500 px-2">
                             <a href="{{$menuItemLink['link']}}" class="flex px-2 py-2">
-                                <div class="text-white">
+                                <div class="">
                                     <x-filament::icon-button size="xl" icon="{{$menuItemLink['icon']}}" />
                                 </div>
                                 <div class="ml-2">{{$menuItemLink['title']}}</div>