diff --git a/web/static/img/oidc-icon.svg b/web/static/img/oidc-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e2817b0a1a97a66425621e2f239d86baeb0b18cc
--- /dev/null
+++ b/web/static/img/oidc-icon.svg
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="256"
+ height="256"
+ id="svg2"
+ sodipodi:version="0.32"
+ inkscape:version="0.47 r22583"
+ sodipodi:docname="openid.svg"
+ version="1.0"
+ inkscape:output_extension="org.inkscape.output.svg.inkscape">
+ <title
+ id="title2910">facebook web</title>
+ <defs
+ id="defs4">
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 128 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="256 : 128 : 1"
+ inkscape:persp3d-origin="128 : 85.333333 : 1"
+ id="perspective17" />
+ <linearGradient
+ inkscape:collect="always"
+ id="linearGradient2555">
+ <stop
+ style="stop-color: rgb(255, 255, 255); stop-opacity: 1;"
+ offset="0"
+ id="stop2557" />
+ <stop
+ style="stop-color: rgb(255, 255, 255); stop-opacity: 0;"
+ offset="1"
+ id="stop2559" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient2555"
+ id="linearGradient2449"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(-0.5914584,0,0,0.5914584,210.02161,142.23241)"
+ x1="-344.15295"
+ y1="274.711"
+ x2="-395.84943"
+ y2="425.39993" />
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="0.24748737"
+ inkscape:cx="-276.99783"
+ inkscape:cy="104.86584"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ inkscape:window-width="712"
+ inkscape:window-height="762"
+ inkscape:window-x="1"
+ inkscape:window-y="193"
+ showgrid="false"
+ inkscape:window-maximized="0" />
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>facebook web</dc:title>
+ <dc:creator>
+ <cc:Agent>
+ <dc:title>User:ZyMOS</dc:title>
+ </cc:Agent>
+ </dc:creator>
+ <dc:subject>
+ <rdf:Bag />
+ </dc:subject>
+ <cc:license
+ rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+ <dc:description />
+ <dc:contributor>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:contributor>
+ <dc:publisher>
+ <cc:Agent>
+ <dc:title>Open Icon Library</dc:title>
+ </cc:Agent>
+ </dc:publisher>
+ </cc:Work>
+ <cc:License
+ rdf:about="http://creativecommons.org/licenses/publicdomain/">
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Reproduction" />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#Distribution" />
+ <cc:permits
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+ </cc:License>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-373.642,-318.344)">
+ <rect
+ inkscape:export-ydpi="7.7063322"
+ inkscape:export-xdpi="7.7063322"
+ inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+ transform="scale(-1,1)"
+ ry="35.487503"
+ rx="35.487503"
+ y="328.34399"
+ x="-619.64203"
+ height="236"
+ width="236"
+ id="rect1942"
+ style="fill:#ebebee;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.5,1;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:export-ydpi="7.7063322"
+ inkscape:export-xdpi="7.7063322"
+ inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png"
+ sodipodi:nodetypes="ccccsssc"
+ id="path1950"
+ d="M 557.29062,338.43314 L 445.99327,338.43314 C 416.53255,338.43314 392.81507,362.34527 392.81507,392.04777 L 392.81507,500.64007 C 393.76867,523.8254 397.43678,509.16812 404.41887,483.49194 C 412.53354,453.65102 438.96056,427.56963 471.144,408.02312 C 495.7086,393.10398 523.20395,383.5772 573.25282,382.6709 C 601.63697,382.15694 599.13112,345.83025 557.29062,338.43314 z"
+ style="opacity:0.98283262;fill:url(#linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ style="fill:#ff8e00;fill-opacity:1;stroke:none"
+ d="m 488.0825,538.40564 26.93006,-19.41471 -1.2525,-154.06511 -25.67756,20.04099 0,153.43883 z"
+ id="path25468" />
+ <path
+ style="fill:#626262;fill-opacity:1;stroke:none"
+ d="M 488.39564,538.40564 C 387.66591,522.39153 384.79535,434.69468 487.76935,415.65457 l 0.31315,18.16215 c -73.04418,12.17854 -63.78999,77.70661 0,87.36619 l 0.31314,17.22273 z"
+ id="path25470"
+ sodipodi:nodetypes="ccccc" />
+ <path
+ style="fill:#626262;fill-opacity:1;stroke:none"
+ d="m 514.69946,433.19044 c 12.45669,0.0847 23.30841,5.78683 34.13233,11.58619 l -15.97017,11.89934 51.04191,0 0.3131,-34.75859 -15.97018,11.89934 c -16.16175,-8.16308 -31.01691,-17.95941 -53.54699,-18.16215 l 0,17.53587 z"
+ id="path25472"
+ sodipodi:nodetypes="cccccccc" />
+ </g>
+</svg>
diff --git a/web/static/main.css b/web/static/main.css
index 55b0e549e344c3fdbc4853215a886e8a73fff4d7..8a431e479c10590bbba02285a622baf8838bc062 100644
--- a/web/static/main.css
+++ b/web/static/main.css
@@ -68,6 +68,11 @@ body {
background-size: contain;
}
+.dex-btn-icon--oidc {
+ background-image: url(../static/img/oidc-icon.svg);
+ background-size: contain;
+}
+
.dex-btn-icon--bitbucket-cloud {
background-color: #205081;
background-image: url(../static/img/bitbucket-icon.svg);