diff --git a/client/cssFiles/SEAWebClientMain.css b/client/cssFiles/SEAWebClientMain.css
index 5be7510..1c25a6d 100644
--- a/client/cssFiles/SEAWebClientMain.css
+++ b/client/cssFiles/SEAWebClientMain.css
@@ -175,7 +175,10 @@ meta, body {
 .panel.graphics{
     display: flex;
     justify-content: flex-end;
-	padding-right: 12px;
+}
+
+.panel-grapics-wide {
+	padding-right: 28px;
 }
 
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@@ -189,8 +192,8 @@ meta, body {
 }
 
 .icon-main {
-	height: 20px;
-	width: 20px;
+	height: 18px;
+  	width: 18px;
 }
 
 .icon-main:hover {
diff --git a/client/jsFiles/SEAWebClientGraphics.js b/client/jsFiles/SEAWebClientGraphics.js
index bb6097e..8144515 100644
--- a/client/jsFiles/SEAWebClientGraphics.js
+++ b/client/jsFiles/SEAWebClientGraphics.js
@@ -354,7 +354,7 @@ function loadGraphicsMenu(panel){
     menuGraphicsPopup.style.position = "absolute";
     panel.appendChild(graphicsMenuControl);
     graphicsMenuControl.style.marginLeft="0px";
-    graphicsMenuControl.style.marginRight="28px";
+    graphicsMenuControl.style.marginRight="8px";
     graphicsMenuControl.style.marginTop="2px";
 }
 
diff --git a/client/jsFiles/SEAWebClientMain.js b/client/jsFiles/SEAWebClientMain.js
index e29da46..a03c46e 100644
--- a/client/jsFiles/SEAWebClientMain.js
+++ b/client/jsFiles/SEAWebClientMain.js
@@ -158,11 +158,13 @@ window.onload = function() {
         } else {
             if (window.wideGraphs) {
                 window.wideGraphs = false;
+                document.getElementsByClassName('graphics')[0].classList.remove('panel-grapics-wide');
                 // icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_sinus.png">';
                 icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_close.png">';
                 icon_log_container.classList.remove("icon-main-container-hidden");
             } else {
                 window.wideGraphs = true;
+                document.getElementsByClassName('graphics')[0].classList.add('panel-grapics-wide');
                 // icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_modules.png">';
                 icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_close.png">';
                 icon_log_container.classList.add("icon-main-container-hidden");
diff --git a/client/res/arrow.png b/client/res/arrow.png
index 16666a2..2117ffb 100644
Binary files a/client/res/arrow.png and b/client/res/arrow.png differ
diff --git a/client/res/close.png b/client/res/close.png
index fff2688..5e7c9e9 100644
Binary files a/client/res/close.png and b/client/res/close.png differ
diff --git a/client/res/icon_close.png b/client/res/icon_close.png
index 595e640..8b3855f 100644
Binary files a/client/res/icon_close.png and b/client/res/icon_close.png differ
diff --git a/client/res/icon_height.png b/client/res/icon_height.png
index 747cf51..ef4182a 100644
Binary files a/client/res/icon_height.png and b/client/res/icon_height.png differ
diff --git a/client/res/icon_menu_graphics.png b/client/res/icon_menu_graphics.png
index 996e00f..fcef7a4 100644
Binary files a/client/res/icon_menu_graphics.png and b/client/res/icon_menu_graphics.png differ
diff --git a/client/res/icon_width.png b/client/res/icon_width.png
index 1bacbdc..cbc035c 100644
Binary files a/client/res/icon_width.png and b/client/res/icon_width.png differ
diff --git a/client/res/question_mark.png b/client/res/question_mark.png
index ae7ec40..bcbbad8 100644
Binary files a/client/res/question_mark.png and b/client/res/question_mark.png differ