diff --git a/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx b/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx
index 8c75e7cfd7..b93e22c112 100644
--- a/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx
+++ b/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx
@@ -1,8 +1,8 @@
-function DropboxlLogoBlack() {
+function DropboxLogoBlack({ size = 20 }: { size?: number }) {
   return (
     <svg
-      width="20"
-      height="20"
+      width={size}
+      height={size}
       viewBox="0 0 20 20"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
@@ -43,4 +43,4 @@ function DropboxlLogoBlack() {
   )
 }
 
-export default DropboxlLogoBlack
+export default DropboxLogoBlack
diff --git a/services/web/frontend/js/shared/svgs/dropbox-logo.tsx b/services/web/frontend/js/shared/svgs/dropbox-logo.tsx
index 2142ebe73d..e95a443d26 100644
--- a/services/web/frontend/js/shared/svgs/dropbox-logo.tsx
+++ b/services/web/frontend/js/shared/svgs/dropbox-logo.tsx
@@ -7,7 +7,7 @@ function DropboxLogo({ size = 40 }: { size?: number }) {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <rect width="40" height="40" fill="white" />
+      <rect width="40" height="40" fill="none" />
       <g clipPath="url(#clip0_10_138)">
         <path
           d="M10.8328 4.33334L1.6665 10.1732L10.8328 16.0131L20.0006 10.1732L10.8328 4.33334Z"
diff --git a/services/web/frontend/js/shared/svgs/git-logo-orange.tsx b/services/web/frontend/js/shared/svgs/git-logo-orange.tsx
new file mode 100644
index 0000000000..2d242141e7
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/git-logo-orange.tsx
@@ -0,0 +1,29 @@
+function GitLogoOrange({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 92 92"
+    >
+      <defs>
+        <clipPath id="a">
+          <path d="M0 .113h91.887V92H0Zm0 0" />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#a)">
+        <path
+          style={{
+            stroke: 'none',
+            fillRule: 'nonzero',
+            fill: '#f03c2e',
+            fillOpacity: 1,
+          }}
+          d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default GitLogoOrange
diff --git a/services/web/frontend/js/shared/svgs/git-logo-white.tsx b/services/web/frontend/js/shared/svgs/git-logo-white.tsx
new file mode 100644
index 0000000000..8119be30dc
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/git-logo-white.tsx
@@ -0,0 +1,29 @@
+function GitLogoWhite({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 92 92"
+    >
+      <defs>
+        <clipPath id="a">
+          <path d="M0 .113h91.887V92H0Zm0 0" />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#a)">
+        <path
+          style={{
+            stroke: 'none',
+            fillRule: 'nonzero',
+            fill: '#fff',
+            fillOpacity: 1,
+          }}
+          d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default GitLogoWhite
diff --git a/services/web/frontend/js/shared/svgs/git-bridge-logo.tsx b/services/web/frontend/js/shared/svgs/git-logo.tsx
similarity index 99%
rename from services/web/frontend/js/shared/svgs/git-bridge-logo.tsx
rename to services/web/frontend/js/shared/svgs/git-logo.tsx
index d5c92aa075..f0590e9a32 100644
--- a/services/web/frontend/js/shared/svgs/git-bridge-logo.tsx
+++ b/services/web/frontend/js/shared/svgs/git-logo.tsx
@@ -1,4 +1,4 @@
-function GitBridgeLogo({ size = 40 }: { size?: number }) {
+function GitLogo({ size = 40 }: { size?: number }) {
   return (
     <svg
       width={size}
@@ -29,4 +29,4 @@ function GitBridgeLogo({ size = 40 }: { size?: number }) {
   )
 }
 
-export default GitBridgeLogo
+export default GitLogo
diff --git a/services/web/frontend/js/shared/svgs/github-logo-black.tsx b/services/web/frontend/js/shared/svgs/github-logo-black.tsx
index f28ac61e0d..9d782aef4c 100644
--- a/services/web/frontend/js/shared/svgs/github-logo-black.tsx
+++ b/services/web/frontend/js/shared/svgs/github-logo-black.tsx
@@ -1,8 +1,8 @@
-function GithubLogoBlack() {
+function GithubLogoBlack({ size = 20 }: { size?: number }) {
   return (
     <svg
-      width="20"
-      height="20"
+      width={size}
+      height={size}
       viewBox="0 0 20 20"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"