diff --git a/resources/js/dashboards/potentials/inside_system.js b/resources/js/dashboards/potentials/inside_system.js
index dda3276..572742b 100644
--- a/resources/js/dashboards/potentials/inside_system.js
+++ b/resources/js/dashboards/potentials/inside_system.js
@@ -283,6 +283,15 @@ function resizeDashboard() {
dashboardElement.style.transition = "transform 0.2s ease-in-out";
dashboardElement.style.transform = `scale(${scaleFactor})`;
+ // Fix SVG scaling issue - reset SVG transform to prevent oversized icons
+ const svgElements = dashboardElement.querySelectorAll("svg");
+ svgElements.forEach((svg) => {
+ svg.style.transform = `scale(${1 / scaleFactor})`;
+ svg.style.transformOrigin = "center";
+ svg.style.width = "17px";
+ svg.style.height = "17px";
+ });
+
// Ensure horizontal scrolling is allowed if necessary
if (document.body) {
document.body.style.overflowX = "auto";
diff --git a/resources/scss/dashboards/potentials/_inside_system.scss b/resources/scss/dashboards/potentials/_inside_system.scss
index 68393d1..f792343 100644
--- a/resources/scss/dashboards/potentials/_inside_system.scss
+++ b/resources/scss/dashboards/potentials/_inside_system.scss
@@ -48,6 +48,15 @@
max-width: 100vw;
}
+// Fix for SVG scaling issue
+#lack-of-potential-fixed-container svg {
+ width: 17px !important;
+ height: 17px !important;
+ max-width: 17px !important;
+ max-height: 17px !important;
+ transform: none !important;
+}
+
.lack-of-potential-wrapper::before {
content: "";
position: absolute;
diff --git a/resources/views/dashboards/potentials/inside_system.blade.php b/resources/views/dashboards/potentials/inside_system.blade.php
index 60327c8..7b1a908 100644
--- a/resources/views/dashboards/potentials/inside_system.blade.php
+++ b/resources/views/dashboards/potentials/inside_system.blade.php
@@ -14,6 +14,7 @@
ANALISA BIG DATA MELALUI APLIKASI
SIBEDAS PBG LUAR SISTEM