diff --git a/src/App.css b/src/App.css
index c82fcdc..49e5a2b 100644
--- a/src/App.css
+++ b/src/App.css
@@ -196,8 +196,8 @@ html, body, #root {
 
 .preview-port {
   position: absolute;
-  width: 6px;
-  height: 6px;
+  width: 7px;
+  height: 7px;
   border-radius: 50%;
 }
 
diff --git a/src/App.jsx b/src/App.jsx
index 96831be..94617f3 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -84,7 +84,7 @@ function App() {
     }
 
     const bounds = getNodesBounds(nodes)
-    const padding = 20
+    const padding = 30
     const widthExportWindow = bounds.width + padding * 2
     const heightExportWindow = bounds.height + padding * 2
 
diff --git a/src/components/ToolbarElements.jsx b/src/components/ToolbarElements.jsx
index 18f6f8e..299b0f2 100644
--- a/src/components/ToolbarElements.jsx
+++ b/src/components/ToolbarElements.jsx
@@ -64,7 +64,7 @@ export const ToolbarBlock = memo(({ block, onDragStart }) => {
 export function ToolbarLine({ line, caseWidth, isActive, onClick }) {
   return (
     <button
-      className={isActive ? 'activeConnectionTab' : 'notActiveConnectionTab'}
+      className={isActive ? 'activeEdgeTab' : 'notActiveEdgeTab'}
       onClick={() => onClick && onClick(line.type)}
       style={{
         width: `${caseWidth}px`,