diff --git a/logo/just-icon.png b/logo/just-icon.png
index d42b0ce..19ed2f5 100644
Binary files a/logo/just-icon.png and b/logo/just-icon.png differ
diff --git a/logo/just-icon.svg b/logo/just-icon.svg
index 213856d..b90b3d4 100644
--- a/logo/just-icon.svg
+++ b/logo/just-icon.svg
@@ -1,8 +1,8 @@
 <svg
   xmlns="http://www.w3.org/2000/svg"
-  viewBox="-46 -46 92 93"
   stroke-linecap="round"
   stroke-linejoin="round"
+  viewBox="-50 -50 100 100"
 >
   <g>
     <path
diff --git a/logo/source/src/Logo.jsx b/logo/source/src/Logo.jsx
index cfeb223..0b87d27 100644
--- a/logo/source/src/Logo.jsx
+++ b/logo/source/src/Logo.jsx
@@ -8,6 +8,7 @@ const colorC = "#ec4899";
 const colorCLight = "#f472b6";
 const colorD = "#0ea5e9";
 const darkBg = false;
+const text = true;
 
 // const font = "Urbanist";
 // const font = "Roboto Condensed";
@@ -25,13 +26,15 @@ const Logo = () => {
       xmlns="http://www.w3.org/2000/svg"
       strokeLinecap="round"
       strokeLinejoin="round"
-      style={{ fontSize: "35", fontFamily: font }}
-      textAnchor="middle"
-      dominantBaseline="middle"
+      style={text ? { fontSize: "35", fontFamily: font } : undefined}
+      textAnchor={text ? "middle" : undefined}
+      dominantBaseline={text ? "middle" : undefined}
     >
-      <style>
-        {`@import url("https://fonts.googleapis.com/css2?family=${fontUrl}");`}
-      </style>
+      {text && (
+        <style>
+          {`@import url("https://fonts.googleapis.com/css2?family=${fontUrl}");`}
+        </style>
+      )}
 
       {/* pulsars */}
       <g>
@@ -146,26 +149,28 @@ const Logo = () => {
       </g>
 
       {/* text */}
-      <g>
-        <text x="76" y="-5" fill={darkBg ? colorALight : colorA}>
-          co
-        </text>
-        <text x="107" y="-5" fill={darkBg ? colorBLight : colorB}>
-          S
-        </text>
-        <text x="130" y="-5" fill={darkBg ? colorBLight : colorB}>
-          M
-        </text>
-        <text x="159" y="-5" fill={darkBg ? colorALight : colorA}>
-          ic
-        </text>
-        <text x="107" y="25" fill={darkBg ? colorCLight : colorC}>
-          Q
-        </text>
-        <text x="130" y="25" fill={darkBg ? colorCLight : colorC}>
-          C
-        </text>
-      </g>
+      {text && (
+        <g>
+          <text x="75" y="-9" fill={darkBg ? colorALight : colorA}>
+            co
+          </text>
+          <text x="106" y="-9" fill={darkBg ? colorBLight : colorB}>
+            S
+          </text>
+          <text x="129" y="-9" fill={darkBg ? colorBLight : colorB}>
+            M
+          </text>
+          <text x="158" y="-9" fill={darkBg ? colorALight : colorA}>
+            ic
+          </text>
+          <text x="106" y="21" fill={darkBg ? colorCLight : colorC}>
+            Q
+          </text>
+          <text x="129" y="21" fill={darkBg ? colorCLight : colorC}>
+            C
+          </text>
+        </g>
+      )}
     </svg>
   );
 };
@@ -222,13 +227,16 @@ const fitViewBox = () => {
   const padding = 1;
   const svg = document.querySelector("svg");
   let { x, y, width, height } = svg.getBBox();
-  const viewBox = [
-    x - padding,
-    y - padding,
-    width + 2 * padding,
-    height + 2 * padding,
-  ]
-    .map(Math.round)
-    .join(" ");
+  x -= padding;
+  y -= padding;
+  width += 2 * padding;
+  height += 2 * padding;
+  x -= (round(width) - width) / 2;
+  y -= (round(height) - height) / 2;
+  width = round(width);
+  height = round(height);
+  const viewBox = [x, y, width, height].map(Math.round).join(" ");
   svg.setAttribute("viewBox", viewBox);
 };
+
+const round = (value, factor = 10) => Math.ceil(value / factor) * factor;
diff --git a/logo/source/src/styles.css b/logo/source/src/styles.css
index 0de3b97..0ee4b9b 100644
--- a/logo/source/src/styles.css
+++ b/logo/source/src/styles.css
@@ -1,3 +1,3 @@
-body {
-  /* background: black; */
+svg {
+  box-shadow: 0 0 5px #0002;
 }
diff --git a/logo/with-text-for-dark-bg.png b/logo/with-text-for-dark-bg.png
index 9055f54..7b826d6 100644
Binary files a/logo/with-text-for-dark-bg.png and b/logo/with-text-for-dark-bg.png differ
diff --git a/logo/with-text-for-dark-bg.svg b/logo/with-text-for-dark-bg.svg
index fa5e644..78eb70b 100644
--- a/logo/with-text-for-dark-bg.svg
+++ b/logo/with-text-for-dark-bg.svg
@@ -1,11 +1,11 @@
 <svg
   xmlns="http://www.w3.org/2000/svg"
-  viewBox="-46 -46 220 93"
   stroke-linecap="round"
   stroke-linejoin="round"
   text-anchor="middle"
   dominant-baseline="middle"
   style="font-size: 35px; font-family: Rubik"
+  viewBox="-47 -50 220 100"
 >
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Rubik");
@@ -51,11 +51,11 @@
     ></path>
   </g>
   <g>
-    <text x="76" y="-5" fill="#e9d5ff">co</text>
-    <text x="107" y="-5" fill="#e879f9">S</text>
-    <text x="130" y="-5" fill="#e879f9">M</text>
-    <text x="159" y="-5" fill="#e9d5ff">ic</text>
-    <text x="107" y="25" fill="#f472b6">Q</text>
-    <text x="130" y="25" fill="#f472b6">C</text>
+    <text x="75" y="-9" fill="#e9d5ff">co</text>
+    <text x="106" y="-9" fill="#e879f9">S</text>
+    <text x="129" y="-9" fill="#e879f9">M</text>
+    <text x="158" y="-9" fill="#e9d5ff">ic</text>
+    <text x="106" y="21" fill="#f472b6">Q</text>
+    <text x="129" y="21" fill="#f472b6">C</text>
   </g>
 </svg>
diff --git a/logo/with-text-for-light-bg.png b/logo/with-text-for-light-bg.png
index d49a225..a9c13f1 100644
Binary files a/logo/with-text-for-light-bg.png and b/logo/with-text-for-light-bg.png differ
diff --git a/logo/with-text-for-light-bg.svg b/logo/with-text-for-light-bg.svg
index 583eb0f..e611102 100644
--- a/logo/with-text-for-light-bg.svg
+++ b/logo/with-text-for-light-bg.svg
@@ -1,11 +1,11 @@
 <svg
   xmlns="http://www.w3.org/2000/svg"
-  viewBox="-46 -46 220 93"
   stroke-linecap="round"
   stroke-linejoin="round"
   text-anchor="middle"
   dominant-baseline="middle"
   style="font-size: 35px; font-family: Rubik"
+  viewBox="-47 -50 220 100"
 >
   <style>
     @import url("https://fonts.googleapis.com/css2?family=Rubik");
@@ -51,11 +51,11 @@
     ></path>
   </g>
   <g>
-    <text x="76" y="-5" fill="#581c87">co</text>
-    <text x="107" y="-5" fill="#a21caf">S</text>
-    <text x="130" y="-5" fill="#a21caf">M</text>
-    <text x="159" y="-5" fill="#581c87">ic</text>
-    <text x="107" y="25" fill="#ec4899">Q</text>
-    <text x="130" y="25" fill="#ec4899">C</text>
+    <text x="75" y="-9" fill="#581c87">co</text>
+    <text x="106" y="-9" fill="#a21caf">S</text>
+    <text x="129" y="-9" fill="#a21caf">M</text>
+    <text x="158" y="-9" fill="#581c87">ic</text>
+    <text x="106" y="21" fill="#ec4899">Q</text>
+    <text x="129" y="21" fill="#ec4899">C</text>
   </g>
 </svg>